avatar

Мобильная адаптивная верстка и дизайн

Опубликовала в блог Дизайн, Эргономика и Интерфейсы

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

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

Общие рекомендации

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

Адаптивный дизайн

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

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

Примеры верстки

  1. http://mediaqueri.es/  — подборка сайтов с адаптивной версткой

0 комментариев RSS
Нет комментариев
Только зарегистрированные и авторизованные пользователи могут оставлять комментарии.