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

• 

  Примеры лучших адаптивных тем для WordPress

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

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

  Шесть ожидаемых трендов в веб дизайне в 2013 году

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

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

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

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

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

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

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

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

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

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

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

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

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

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

  24 полезных инструмента для создания адаптивных сайтов

  Традиционный дизайн с фиксированной шириной уже не в моде, многие хотят, чтобы  сайт отображался одинаково на всех устройствах: мобильных телефонах, планшетах, смартфонах и т.д. ?  Сегодня, как никогда,  популярна технология адаптивного веб-дизайна (responsive web design), поэтому мы предлагаем Вашему вниманию подборку полезных инструментов, которые значительно упростят создание «универсального» сайта. Надеемся, Вы найдёте здесь что-то нужное.

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

  Эволюция Responsive Web Design

  Тема Responsive Web Design — универсального дизайна приложения для множества устройств набирает все больше оборотов в мировом дизайн-сообществе. Однако, готовя очередную подборку современных отечественных сайтов, к моему сожалению, среди них не встретилось ни одного, адекватно изменяющего ширину на узком экране. А ведь принципы responsive web design довольно просты и в то же время крайне эффективны. Хотелось бы остановится [...]

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

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

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

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