Прокрустовы окна. Как вписаться в устройства с минимальными потерями
секция: Технологии
В 15:00, 1 октября в зале «Самара» (длительность 30 минут)
Оптимизация сайтов для мобильных устройств. В частности подробно рассматриваются медиа-выражения, вьюпорт и прочие трюки-хаки, живые примеры на различных девайсах. Просто и доступно как для дизайнеров, так и разработчиков.
Проблема (введение):
- Мотивы владельцев и разработчиков сайтов.
- Бесконечные множества: размеры, тип и разрешение экрана, различные устройства ввода.
- Неразбериха с движками: детские болезни, миф о Вебките, синдром IE6.
- Особенности использования: модели поведения, сеть и другие технические ограничения.
Решение (основная часть):
- Основы: устройства, медиа-типы, медиа-выражения.
- Введение в понятие «viewport». Реальные, виртуальные и другие пикселы.
- Управление поведением устройства: <meta name="viewport"> и @viewport.
- Советы, дешёвый и хороший: адаптация существующего сайта, создание отдельной версии.
- Процесс разработки и тестирования.
Видео доклада
Докладчик
Opera Software, Санкт-Петербург
Авторизуйтесь, чтобы оставлять комментарии
Комментарии (4)