WINDY: Плагин постраничной навигации jQuery

WINDY - jQuery плагин, который позволяет построить быструю постраничную навигацию, используя CSS 3D transforms и transitions. Эффект непрерывного потока jQuery навигации напоминает о колоде карт или пачке листов, отсюда его имя.

Автоматическое скрытие навигации при скролле на CSS и jQuery

Автоматическое скрытие навигации стало довольно популярным приемом в последнее время, в частности, на мобильных устройствах. Идея довольно простая, но эффективная: по умолчанию навигация будет находиться в верху страницы, затем при прокрутке страницы, автоматически скрываем её, чтобы предоставить больше пространства для основного контента. Если пользователь прокручивает вверх, мы интерпретируем такое поведение как желание получить доступ к навигации, и снова отображаем её в верху страницы.

Адаптивное Retina-меню на CSS

В этом уроке мы создадим красочное Retina-меню, с использованием цветовой схемы от Maliwan, производителя игры Borderlands. Меню автоматически меняется на одну из трех различных раскладок, в зависимости от размера окна браузера. Для создания retina-меню, мы будем использовать иконочный шрифт.

Адаптивное меню для сайта на CSS3

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

Как сделать горизонтальное выпадающее меню с эффектом прокрутки на CSS

В этом учебном руководстве я покажу вам, как создать горизонтальное выпадающее меню с эффектом прокрутки на css. Я буду использовать только CSS, а именно - псевдо-элемент after с дополнительными атрибутами. Убедитесь, что вы используете современный браузер с поддержкой CSS transition.

Как создать выпадающее мега меню на CSS3

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

Музыкальное выпадающее меню (HTML5 аудио)

Данная статья является лишь ознакомлением возможностей HTML аудио. Мы расскажем о создании музыкального выпадающего меню (HTML5 + CSS3). Это меню имеет эффекты CSS3 анимации (эффект при наведении мыши по элементам меню). Мы также использовали элементы HTML5 аудио для добавления музыки в это меню. Если вы готовы, тогда начнем.

Огненное меню на HTML5 Canvas

Вы когда нибудь видели огненное меню? Сегодня мы его сделаем! В частности проведем небольшой эксперимент с HTML5 canvas.

Практические примеры использования AngularJS

Вы наверняка слышали об AngularJS – невероятная платформа с открытым исходным кодом, разработанная Google, которая меняет способ разработки веб-приложений. В этой статье мы разберем стандартные блоки Angular приложений – модели, виды, контроллеры, службы и фильтры.

Разрабатываем нижнее меню на HTML5

Поговорим про нижнюю навигацию. Я уверен, что вы видели её много раз (на различных сайтах). Как правило, это три-четыре колонны меню с различными ссылками. Сегодня я хотел бы показать вам, разработку, которую можно использовать для создания, нижнего меню. Главная цель этой статьи – приготовить статический код HTML (как кэш-файл) для встраивания в нижнюю часть сайта. Если вы заинтересованы в такой теме, то я расскажу вам о создании хорошего, удобного меню. Это руководство разделено на 2 части, сегодня я расскажу вам о первой части: пользовательский интерфейс с возможностью перетаскивания блоков.

Разрабатываем нижнее меню на HTML5. Часть 2

Это вторая часть курса "Разрабатываем нижнее меню на HTML5". Таким образом, веб-мастер сможет создать связь с помощью перетаскивания, а затем просто нажать на кнопку "Предварительный просмотр" , чтобы увидеть результат (так же присутствует возможность экспорта результатов). Я разместил все ссылки меню в отдельный PHP файл. В вашем случае это могут быть базы данных, если это крупный проект. Итак, давайте начнем.

Создаем адаптивное меню на CSS

Навигация - одна из самых сложных частей адаптивного дизайна сайта. Данная часть играет решающую роль в удобстве использования сайтом.

Создание меню в стиле YouTube

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

Создание полноэкранного меню на CSS3 и jQuery

В этом уроке мы создадим полноэкранное навигационное меню с помощью HTML, CSS3 и пары строк jQuery скриптов. Для этого урока мы будем использовать Google Fonts, в частности шрифт Montserrat. Убедитесь, что вы заранее подключили его.

Стили линий для горизонтального меню на HTML CSS

Линия - удивительный элемент дизайна. Он настолько универсален, что позволяет нам использовать его в качестве приятных анимации. Сегодня мы хотели бы поделиться набором анимированных линий для горизонтальных меню.

Стильный выпадающий список на CSS

Привет друзья! На сей раз, мы поговорим о чем-то более практичном, чем кнопочные переключатели, а точнее - выпадающий список на CSS. Цель этого учебного руководства - создание стильного выпадающего списка на CSS, без использования изображений. Для правильной работы мы добавим небольшую строчку в JavaScript.

  • 1
  • 2

Вход

Уважаемый пользователь! Мы обнаружили, что вы используете AdBlock и вынуждены скрыть часть материалов на нашем сайте. Siteacademy существует и развивается за счет доходов от рекламы. Просим внести наш сайт в список исключений или отключить Блокировщик рекламы на нашем сайте.