.. / Мобильная верстка

  1. mobile

Часть 1. Проблемы с отображением на старых устройствах, не поддерживающих media query (подгрузка css под определеннное разрешение)

  1. Что такое Viewport, как он работает и для чего вообще нужен
  2. Сказ о двух вьюпортах примерно то же что и в п.1. - перевод статьи A tale of two viewports - part two
  3. Вёрстка для мобильных телефонов. Уроки Яндекса (презентация)

Часть 2. Общие рекомендации

  1. Краткая инструкция по верстке для моб.устройств
  2. Активная разметка под мобильные устройства дополнительно cм про микроформаты vcard и hcard

Часть 3. Адаптивный дизайн

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

  1. Блог http://wedeal.ru - большая подборка материалов по адаптивной верстке
  2. Как сделать один сайт для всех устройств (Responsive Web Design) - большая статья на хабре
  3. 62 полезных инструмента для адаптивного дизайна (Responsive web design)

Часть 3. Примеры верстки

  1. http://mediaqueri.es/ - подборка сайтов с адаптивной версткой
  1. 2012-08-13
  2. mobile
Go Index Test