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

Подписка

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

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

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

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

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

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


Комментарии (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.

Добавить новый комментарий

* — поля обязательные для заполнения XHTML: Вы также можете использовать эти тэги: <a href="" title=""> <pre lang=""> <blockquote> Перейти наверх

Поиск

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

Комментарии

  • Fotografas: Отличная фотография.
  • Тимофей: Хрень полная. А если у меня данных, ну штук 50-70, в...
  • Irmaseo: Время решает все.
  • Дмитрий: Есть еще один вариант – заказать у друга-дизайнер...
  • Sindor: Полезная статья, спасибо автору!
  • Ganesa: Клипарты очень и очень выручают, даже те сервисы, которые с...
  • Елена Калинина: Атомарный дизайн пригодится очень при...
  • Елена Калинина: Логотип того или иного города легко найти в...

Друзья

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

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

Система Orphus