Записи, помеченные ‘Responsive’

• 

  Делаем адаптивное меню

  Многие адаптивные сайты используют горизонтальное меню на больших экранах и выпадающие меню — на маленьких. Сегодня мы попробуем сделать адаптивное меню (не без помощи JavaScript), которое изменяется в зависимости от ширины экрана.

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

  Что веб-дизайнеры могут почерпнуть из оформления музыкальных альбомов?

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

  Далее... Нет комментариев »
• 

  Делаем адаптивный сайт при помощи Foundation

  В сети существует множество полезных инструментов для создания адаптивных сайтов, в том числе и готовых шаблонных решений, среди которых Тwitter Bootstrat, 1140 Grid, Skeleton и т.д. В использовании фреймворков есть, конечно, и свои минусы, но главное их достоинство в том, что они помогают существенно сократить время создания сайтов. Сегодня мы хотим познакомить вас с Zurb Foundation  и научимся [...]

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

  Адаптивные слайдеры и галереи изображений

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

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

  6 уроков по созданию адаптивных навигационных меню

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

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

  Полезные jQuery плагины для адаптивного дизайна

  Количество людей, которые используют планшеты, смартфоны и любые другие мобильные устройства для доступа в интернет стремительно растет, а вместе с ним увеличивается и спрос на сайты, которые будут корректно отображаться на всех этих девайсах. Концепция дизайна, которая описывает идею создания универсального сайта для всех разрешений, а не отдельной его мобильной версии, называется адаптивным (responsive) дизайном.

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

  Responsive web design — красиво и удобно

  Теория и практика технологии Responsive web design горячо обсуждается дизайнерами и разработчиками в последние месяцы, и спорам не видно края. Несмотря на всю непривычность и возможные ограничения свободы дизайна, все больше веб-мастеров создают новые сайты, пользуясь принципом Mobile first, идея которого в том, что изначальная верстка сайта делается под устройства с меньшими возможностями (телефоны, айпады, планшеты), [...]

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