Примеры адаптивной верстки
Подборка ссылок на примеры адаптивной верстки - верстка, которая в зависимости от ширины экрана изменяет размещение объектов.. к примеру, убирает колонки, изменяет длину-ширину изображений.. и т.д.
Один из приёмов адаптивного дизайна в том, что сначала следуют стили для устройств с наименьшим разешением, затем по возрастающей. Для удобства можно стили вынести в разные файлы 320.css, 480.css, 920.css, или объединить в один (например, стандартный style.css)
http://www.smashingmagazine.com/2011/01/guidelines-for-responsive-web-design/ - основы, один из первоисточников.
http://twitter.github.com/bootstrap/ - bootstrap от Твиттер, один из удачных HTML/css-каркасов для быстрого старта
http://www.getskeleton.com/ - ещё один HTML-каркас из 960 с адаптивной версткой, помимо html и Css-файлов содержит
http://mediaqueri.es/ - и сам сайт с адаптивным дизайном, и представленные ссылки - подборка сайтов с адаптивной версткой
Примеры адаптивных дизайнов на сайте
http://www.bostonglobe.com/
http://foodsense.is/
http://plastika.pirogov.ru/ - пример сайта с адаптивным дизайном
Некоторые приемы адаптивной верстки рассмотрены в статье http://habrahabr.ru/post/144003/
http://wedeal.ru/blog/kak-sdelat-odin-sayt-dlya-vseh-ustroystv-responsive-web-design/ - комментарии по поводу адаптивного веб-дизайна.
Метки: css