Лучшие статьи категории «Веб-сайты»

Подписка

Адаптивный дизайн веб-сайтов

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

Создание отдельных версий для каждого разрешения и аппарата, например для телефона и планшета, не самый лучший вариант, как с точки зрения первичной разработки, так и с точки зрения последующего развития и поддержания сайта. Гораздо удобнее оперировать свойствами и атрибутами, которые предоставляет нам CSS. Использование преимуществ этого языка в совокупности с максимально чистой (тут нам на помощь приходит HTML5) и гибкой версткой способно дать необходимый результат.

В этой статье мы собрали примеры адаптивных дизайнов. Эти сайты адаптированны под все разрешения и устройства, начиная от мобильных телефонов, и заканчивая большими плазменными панелями.

Вторую часть статьи и другие примеры сайтов вы найдете в следующем посте.

Адаптированный дизайн
Адаптированный дизайн
Адаптированный дизайн
Адаптированный дизайн
Адаптированный дизайн
Адаптированный дизайн
Адаптированный дизайн
Адаптированный дизайн
Адаптированный дизайн
Адаптированный дизайн
Адаптированный дизайн
Адаптированный дизайн
Адаптированный дизайн
Адаптированный дизайн
Адаптированный дизайн
Адаптированный дизайн
Адаптированный дизайн
Адаптированный дизайн
Категория: Веб-сайты Рубрики: , Автор: Илья Федотов (G+)


Комментарии (5)

Fox / 31 Май 2011 в 04:04

С этими гаджетами столько хлопот, а css действительно хорош и реализовать на нем этот процесс не так-то и сложно.

Олег / 13 Октябрь 2011 в 12:40

Так так, люди розвиваються і створюють новітні шаблони для різноманітних замовників!

Web-master / 3 Февраль 2012 в 13:33

Не понравились, с таким дизайном сложно будет донести нужную информацию для посетителей.

Levin / 1 Апрель 2012 в 02:56

Думаю, что это очень перспективная технология. Сайт Барака Обамы, The Boston Globe и ISO уже с адаптивным дизайном.

Dasha / 9 Август 2012 в 21:25

Отличный способ проверить насколько грамотно сделана разработка адаптивного сайта воспользоваться Plastilin5.

Комментирование этой статьи закрыто ...

Поиск

Популярные статьи

Комментарии

  • Павел Тимощенко: Аналогично скриню картинки для некоторых...
  • Зенков Андрей: Учитывая, что иконки служат для подсказки тем,...
  • Зенков Андрей: Дизайнер должен ответственно подойти к...
  • Оля: DizGraf, вот отличный русскоязычный бесплатный фотобанк.
  • V.V: В копилку еще один типограф Дениса Селезнёва на JavaScript.
  • Сергей: Спасибо за примеры инфографики. Для тех, кому нужны еще...
  • Андрей Зенков: Спасибо автору. Хорошая подборка. Аж стыдно за то,...
  • Адениум: Наука даром не дается — наука трудом берется....

Друзья

Нашли ошибку?

Если вы нашли грамматическую ошибку на сайте, выделите ее и нажмите сочетание клавиш Ctrl+Enter.

Система Orphus