Записи, помеченные ‘навигационное меню’

• 

  4 простых шага для улучшения веб-навигации

  В Интернете можно найти любую информацию: узнать длительность фильма, почитать подсказки для работы в Photoshop, проверить свежие новости. Наиболее важная часть сайта, которая помогает нам находить то что мы ищем — навигация.

  Далее... 1 Комментарий »
• 

  Создаем адаптивный css-таймлайн c 3d эффектом

   В этом уроке будем экспериментировать с перспективой и, используя input  - «radio», создавать таймлайн структуру, используя чистый CSS. Идея будет заключаться в том, что при нажатии на соответствующем пункте «radio», контент будет немного расширятся и преобразовываться в 3D-подобную структуру. Мы будем использовать 3D-трансформации и переходы, а также сестринские селекторы.  

  Далее... 4 Комментариев »
• 

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

  Сегодня мы будем создавать яркое меню для Retina-дисплеев. В зависимости от размера окна браузера меню будет автоматически изменять раскладку. Это десктопная версия — обычное расположение меню, двухколоночное меню для планшетов и мобильная версия со скрытой навигацией. Чтобы адаптировать меню под retina-дисплеи и избежать пикселизации при изменении размеров, мы будем использовать шрифты-иконки. Также обратите внимание, что некоторые эффекты работают [...]

  Далее... 1 Комментарий »
• 

  Создание выпадающих списков

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

  Далее... 3 Комментариев »
• 

  Примеры навигации для мобильных интерфейсов

   Навигация является важной частью любого пользовательского интерфейса, не зависимо от того, является ли это веб-сайтом либо мобильным приложением. Это может быть реализовано соединением различных  вертикальных, горизонтальных форм и стилей, с минималистичным, либо с детализированным дизайном. Но, кроме внешнего вида элементов навигации, есть еще фактор, на который нужно акцентировать внимание — она должна быть интуитивно понятной и легко доступной. При совмещении [...]

  Далее... 4 Комментариев »
• 

  Создание меню на CSS

  В этом уроке мы будем создавать два типа меню: вертикальные кроссбраузерное  CSS3-меню с 3D-анимацией (используя CSS3-переходы и свойства трансформации), а также  меню с LavaLamp-эффектом. 

  Далее... 4 Комментариев »
• 

  Лучшие методы навигации в мобильных сетях

  Методы получения информации онлайн растут и увеличиваются. Google сообщает, что в следующем году (2013) более половины посещений веб-сайтов  будет поступать из мобильных устройств, а не с помощью компьютеров или ноутбуков. Меняются не только средства доступа, а и потребности большинства пользователей. Они  становятся все более целенаправленными. Владельцы смартфонов сегодня используют свои телефоны для выполнения конкретных задач, таких как проверка [...]

  Далее... 1 Комментарий »