Lecaw

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

Одним из наиболее важных аспектов фронт-енд фреймворка является обработка css навигации. В этой части серии статей Foundation для начинающих, мы рассмотрим несколько вариантов форм css навигации, вместе с некоторыми инструментами JavaScript, которые добавляют дополнительные функции. Я также покажу вам еще один полезный инструмент, который поможет вам стать лучшим Foundation разработчиком.

(281)
(0)

Сегодня я расскажу Вам, как создать адаптивное навигационное меню, используя только CSS3. Как вы знаете, многие люди используют Интернет с мобильных устройств (таких как iPad, iPhone или Android). И важно чтобы эти пользователи, могли с комфортом посещать Ваш сайт. Вы можете найти, некоторые способы реализации адаптивного меню, но большинство из них используют jQuery или JavaScript. Но сегодня я покажу Вам, как создать адаптивное меню без использования JavaScript.

(357)
(2)

В этом учебном руководстве мы создадим плоское выпадающее CSS меню с поиском, для этого будем использовать Square UI.

(300)
(3)

Сегодня мы создадим меню как на сайте YouTube. Меню состоит из небольшой иконки меню, метки и списка пунктов YouTube меню, который появляется при нажатии на метку или иконке. Для того чтобы раскрыть меню, нужно щелкнуть на иконку справа, возле первого пункта раскрывающегося списка, иконка меню с меткой поднимется на уровень выше, в то время как элементы списка постепенно появятся под ней. Мы добавим еще некоторые эффекты, чтобы сделать меню ещё более интересным.

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