Slide 1
Slide 1 text
MOBILE LAST,
RESPONSIVE WEB DESIGN
ДЛЯ РЕАЛЬНОЙ ЖИЗНИ
или
Илья
Пухальский,
EPAM
Systems
Tuesday, May 22, 12
Slide 2
Slide 2 text
Tuesday, May 22, 12
Slide 3
Slide 3 text
@witchfinderx
webnotbombs.com
Tuesday, May 22, 12
Slide 4
Slide 4 text
О чем будет идти речь?
Tuesday, May 22, 12
Slide 5
Slide 5 text
"It's all roughly about learning one single
"line of CSS code!"
Рич Квик
Tuesday, May 22, 12
Slide 6
Slide 6 text
1. Веб вчера и сегодня
2. И что же делать?
3. Проблемы и их решение
4. Кто, если не я? Когда, если не сейчас?
Tuesday, May 22, 12
Slide 7
Slide 7 text
Веб вчера и сегодня
Tuesday, May 22, 12
Slide 8
Slide 8 text
И это казалось магией...
Tuesday, May 22, 12
Slide 9
Slide 9 text
800x600, 1024x768, ...
Tuesday, May 22, 12
Slide 10
Slide 10 text
Tuesday, May 22, 12
Slide 11
Slide 11 text
Tuesday, May 22, 12
Slide 12
Slide 12 text
Tuesday, May 22, 12
Slide 13
Slide 13 text
Tuesday, May 22, 12
Slide 14
Slide 14 text
"Your mobile phone has more computing
power than all of NASA in 1969. NASA
launched a man to the moon. We launch
a bird into pigs."
@georgebray
Tuesday, May 22, 12
Slide 15
Slide 15 text
Tuesday, May 22, 12
Slide 16
Slide 16 text
6 429 619 376
подключенных к сети
телефонов
http://phonecount.com/pc/count.jspt
Tuesday, May 22, 12
Slide 17
Slide 17 text
1 917 257 822
подключенных к интернету
~27%
http://phonecount.com/pc/count.jspt
Tuesday, May 22, 12
Slide 18
Slide 18 text
ДВА МИЛЛИАРДА
ДЕВАЙСОВ
Tuesday, May 22, 12
Slide 19
Slide 19 text
К 2015-ому году количество
пользователей мобильного интернета
будет превышать количество
пользователей с десктопа
http://mobithinking.com/mobile-‐marketing-‐tools/latest-‐mobile-‐stats
Tuesday, May 22, 12
Slide 20
Slide 20 text
488 миллионов
смартфонов было продано
в 2011-ом
http://www.canalys.com/newsroom/smart-‐phones-‐overtake-‐client-‐pcs-‐2011
Tuesday, May 22, 12
Slide 21
Slide 21 text
415 миллионов
PC было продано
в 2011-ом
http://www.canalys.com/newsroom/smart-‐phones-‐overtake-‐client-‐pcs-‐2011
Tuesday, May 22, 12
Slide 22
Slide 22 text
http://www.ourmobileplanet.com/
0
10
20
30
40
25
31
30
24
33
18
27
Франция Германия Норвегия Польша Англия
США Россия
Доля смартфонов
Tuesday, May 22, 12
Slide 23
Slide 23 text
Статистика по ОС
Tuesday, May 22, 12
Slide 24
Slide 24 text
Статистика по ОС
Tuesday, May 22, 12
Slide 25
Slide 25 text
Tuesday, May 22, 12
Slide 26
Slide 26 text
Tuesday, May 22, 12
Slide 27
Slide 27 text
Tuesday, May 22, 12
Slide 28
Slide 28 text
Tuesday, May 22, 12
Slide 29
Slide 29 text
Статистика по браузерам
Tuesday, May 22, 12
Slide 30
Slide 30 text
Статистика по браузерам
Tuesday, May 22, 12
Slide 31
Slide 31 text
Tuesday, May 22, 12
Slide 32
Slide 32 text
Разрешение экрана
Tuesday, May 22, 12
Slide 33
Slide 33 text
Разрешение экрана
Tuesday, May 22, 12
Slide 34
Slide 34 text
Tuesday, May 22, 12
Slide 35
Slide 35 text
Что же делать?
Tuesday, May 22, 12
Slide 36
Slide 36 text
m.yoursite.com
mobile.yoursite.com
touch.yoursite.com
tablet.yoursite.com
...
Tuesday, May 22, 12
Slide 37
Slide 37 text
iphone.yoursite.com
android.yoursite.com
...
Tuesday, May 22, 12
Slide 38
Slide 38 text
Tuesday, May 22, 12
Slide 39
Slide 39 text
Responsive Web Design
Tuesday, May 22, 12
Slide 40
Slide 40 text
Tuesday, May 22, 12
Slide 41
Slide 41 text
Tuesday, May 22, 12
Slide 42
Slide 42 text
Tuesday, May 22, 12
Slide 43
Slide 43 text
http://mediaqueri.es/
Tuesday, May 22, 12
Slide 44
Slide 44 text
%
+
media-queries
Tuesday, May 22, 12
Slide 45
Slide 45 text
Так что же делать?
Tuesday, May 22, 12
Slide 46
Slide 46 text
90% всех вебсайтов слишком простые,
чтобы тратить время и деньги на разработку
отдельной мобильной версии
Tuesday, May 22, 12
Slide 47
Slide 47 text
"Нет веба мобильного, точно так же
"как и веба для десктопа. Есть только
"один веб."
Люк Враблевски
Tuesday, May 22, 12
Slide 48
Slide 48 text
С чего начать?
Tuesday, May 22, 12
Slide 49
Slide 49 text
Знай свою аудиторию
Tuesday, May 22, 12
Slide 50
Slide 50 text
Tuesday, May 22, 12
Slide 51
Slide 51 text
Tuesday, May 22, 12
Slide 52
Slide 52 text
Проблемы
Tuesday, May 22, 12
Slide 53
Slide 53 text
Tuesday, May 22, 12
Slide 54
Slide 54 text
Tuesday, May 22, 12
Slide 55
Slide 55 text
Mobile Last
Tuesday, May 22, 12
Slide 56
Slide 56 text
Поддержка
Tuesday, May 22, 12
Slide 57
Slide 57 text
Поддержка
Tuesday, May 22, 12
Slide 58
Slide 58 text
Поддержка
Tuesday, May 22, 12
Slide 59
Slide 59 text
В семье не без
Tuesday, May 22, 12
Slide 60
Slide 60 text
Полифилы
Tuesday, May 22, 12
Slide 61
Slide 61 text
Поддержка
Tuesday, May 22, 12
Slide 62
Slide 62 text
Изображения
Tuesday, May 22, 12
Slide 63
Slide 63 text
Tuesday, May 22, 12
Slide 64
Slide 64 text
Tuesday, May 22, 12
Slide 65
Slide 65 text
Tuesday, May 22, 12
Slide 66
Slide 66 text
Tuesday, May 22, 12
Slide 67
Slide 67 text
WTF WHATWG?
Tuesday, May 22, 12
Slide 68
Slide 68 text
Видео
Tuesday, May 22, 12
Slide 69
Slide 69 text
http://www.longtailvideo.com/html5/#market_share
Tuesday, May 22, 12
Slide 70
Slide 70 text
http://www.longtailvideo.com/html5/#media_formats
Tuesday, May 22, 12
Slide 71
Slide 71 text
Tuesday, May 22, 12
Slide 72
Slide 72 text
Платформы для
медиа-менеджмента и
паблишинга
Tuesday, May 22, 12
Slide 73
Slide 73 text
Responsive AD
Tuesday, May 22, 12
Slide 74
Slide 74 text
Tuesday, May 22, 12
Slide 75
Slide 75 text
Tuesday, May 22, 12
Slide 76
Slide 76 text
UX-шаблоны
Tuesday, May 22, 12
Slide 77
Slide 77 text
В следующий раз!
Tuesday, May 22, 12
Slide 78
Slide 78 text
Кто, если не я?
Когда, если не сейчас?
Tuesday, May 22, 12
Slide 79
Slide 79 text
Отдельные версии веб-сайтов
не scalable
Tuesday, May 22, 12
Slide 80
Slide 80 text
Tuesday, May 22, 12
Slide 81
Slide 81 text
Tuesday, May 22, 12
Slide 82
Slide 82 text
Кто знает что будет завтра?
Tuesday, May 22, 12
Slide 83
Slide 83 text
Tuesday, May 22, 12
Slide 84
Slide 84 text
А В 2015-ом?
Tuesday, May 22, 12
Slide 85
Slide 85 text
Tuesday, May 22, 12
Slide 86
Slide 86 text
Mobile last
—
это не лучший подход
Tuesday, May 22, 12
Slide 87
Slide 87 text
Но он помогает найти новые
пути реорганизации контента
и быть готовым к будущему.
Tuesday, May 22, 12
Slide 88
Slide 88 text
Да, и RWD это изменения в
лейауте, а не в контенте...
Tuesday, May 22, 12
Slide 89
Slide 89 text
@witchfinderx
Tuesday, May 22, 12
Slide 90
Slide 90 text
@witchfinderx
Tuesday, May 22, 12