Веб-сайты »
Адаптивный дизайн веб-сайтов
С развитием мобильных телефонов, коммуникаторов и планшетов, разработчики web-сайтов и сервисов вынуждены оптимизировать свои творения не только под разрешения мониторов. Постоянно растущий процент пользователей просматривающих сайты с коммуникаторов и нетбуков подталкивает программистов, дизайнеров и верстальщиков создавать сайты, которые будут доступны с любого устройства и корректно отображаться на них. Создавать так называемые адаптивные сайты.
Создание отдельных версий для каждого разрешения и аппарата, например для телефона и планшета, не самый лучший вариант, как с точки зрения первичной разработки, так и с точки зрения последующего развития и поддержания сайта. Гораздо удобнее оперировать свойствами и атрибутами, которые предоставляет нам CSS. Использование преимуществ этого языка в совокупности с максимально чистой (тут нам на помощь приходит HTML5) и гибкой версткой способно дать необходимый результат.
В этой статье мы собрали примеры адаптивных дизайнов. Эти сайты адаптированны под все разрешения и устройства, начиная от мобильных телефонов, и заканчивая большими плазменными панелями.
Комментарии (4) ↓
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 уже с адаптивным дизайном.