Lecaw

Учимся создавать Web-сайты

В последнее время плоский дизайн все чаще используется разработчиками в качестве создания различных веб приложений. Сегодня мы поговорим о создании плоского выпадающего меню, с подробным описанием всех шагов. Примеры выпадающего меню можно посмотреть в соответствующей библиотеке.

(423)
(2)

Сегодня я хочу показать вам, как создать боковую панель меню в стиле Google Nexus 7. Меню выдвигается с действительно хорошим эффектом, где некоторые подпункты расширяются. Если навести курсор на специальный значок меню, иконки на боковой панели раскроются. При нажатии на саму иконку, все боковое меню полностью откроется. Первый пункт выполнен в качестве строки поиска.

(308)
(0)

Без сомнения технология адаптивного веб-дизайна становится все более популярной. Она позволяет нам сэкономить время разработки дизайна сайта, под различные устройства. Нет необходимости разрабатывать специальную версию сайта для каждого устройства. Сегодня мы создадим адаптивное меню, которое внешним видом будет напоминать Facebook. Для создания такого меню нам не понадобится JavaScript, все реализовано с использованием CSS3 (для IE7-IE10, Firefox, Opera, Safari, Chrome и Ipad / Ipod / iPhone).

(230)
(1)

В этом уроке мы используем шаблон 7 в 1 бизнес успех от ThemeForest, хотя Вы можете использовать любой другой шаблон, который выберете на свое усмотрение. В этой статье мы посмотрим на конкретный компонент - Wayfinder и будем использовать его, чтобы добавить на наш сайт динамическое меню.

(841)
(1)
Страница 1 из 6