Доклад с конферениции http://w-u-p.ru Алексей Варламов из http://voxweb.ru

1. АДАПТИВНЫЙ ДИЗАЙН САЙТОВ
ВАРЛАМОВ АЛЕКСЕЙ / VOXWEB.RU

2. 2АДАПТИВНЫЙ ДИЗАЙН САЙТОВ / VOXWEB.RU
ОСНОВНАЯ ИДЕЯ АДАПТИВНОСТИ
Корректное и удобное отображение
страниц сайтов на различных экранах
и устройствах.

3. 3
КОНТЕКСТ И КОНТЕНТ
АДАПТИВНЫЙ ДИЗАЙН САЙТОВ / VOXWEB.RU
Контекст
Транспорт/метро/автомобили
TV и приставки
Ожидание в очереди
Контактные данные
Схема проезда
Быстрый заказ
Контент

4. 4
ПРЕДПОСЫЛКИ СОЗДАНИЯ
АДАПТИВНЫЙ ДИЗАЙН САЙТОВ / VOXWEB.RU
15-20%
Мобильный трафик

5. 5
ПРИНЦИПЫ И ОСОБЕННОСТИ
АДАПТИВНЫЙ ДИЗАЙН САЙТОВ / VOXWEB.RU
Breakpoints

6. 6
ПРИНЦИПЫ И ОСОБЕННОСТИ
АДАПТИВНЫЙ ДИЗАЙН САЙТОВ / VOXWEB.RU
Резиновая вёрстка и адаптированные изображения

7. 7
ПРИНЦИПЫ И ОСОБЕННОСТИ
АДАПТИВНЫЙ ДИЗАЙН САЙТОВ / VOXWEB.RU
Медиазапросы и специальные js-библиотеки
IE
Нативные решения

8. 8
МОБИЛЬНЫЙ ИЛИ АДАПТИВНЫЙ
АДАПТИВНЫЙ ДИЗАЙН САЙТОВ / VOXWEB.RU
Адаптивный сайт
+ Гарантированная работа сайта на любых устройствах и экранах
+ Возможность выкладывать изменения на сайт быстрее
- Относительная сложность реализации
Мобильный сайт
+ Технологичесвкая простота
+ Облегчённая версия сайта
- Дополнительный домен
- Поддержка 2-х сайтов
- Не поддерживает многообразие устройств

9. 9
ПРИМЕРЫ САЙТОВ
АДАПТИВНЫЙ ДИЗАЙН САЙТОВ / VOXWEB.RU

10. 10
ПРИМЕРЫ САЙТОВ
АДАПТИВНЫЙ ДИЗАЙН САЙТОВ / VOXWEB.RU

11. КНИГА
10
Responsive Web Design
by Ethan Marcotte
АДАПТИВНЫЙ ДИЗАЙН САЙТОВ / VOXWEB.RU 11

12. СПАСИБО ЗА ВНИМАНИЕ!
Варламов Алексей
voxweb.ru / @voxweb_ru / varlamov@voxweb.ru
+7 (8452) 393-323