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

Подписка

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

С развитием мобильных телефонов, коммуникаторов и планшетов, разработчики 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.

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

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

Поиск

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

Комментарии

  • Кек: Ни один из сервисов не работает.
  • Alex: На самом деле все конечно правильно написано, но для России...
  • Анна: Несколько советов о том, как самому придумать логотип есть...
  • Agen Sabung: Great web site you have here. It’s hard to find excellent writing like yours these days. I really...
  • Павел Тимощенко: Аналогично скриню картинки для некоторых...
  • Зенков Андрей: Учитывая, что иконки служат для подсказки тем,...
  • Зенков Андрей: Дизайнер должен ответственно подойти к...
  • Оля: DizGraf, вот отличный русскоязычный бесплатный фотобанк.

Друзья

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

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

Система Orphus