Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
Mobile last, или responsive web design для реальной жизни
Search
Ilya Pukhalski
May 22, 2012
Technology
3
390
Mobile last, или responsive web design для реальной жизни
Ilya Pukhalski
May 22, 2012
Tweet
Share
More Decks by Ilya Pukhalski
See All by Ilya Pukhalski
There's a bot for that
pukhalski
1
270
50 Shades of Flux
pukhalski
3
340
Why Mobile Web Still Sucks
pukhalski
3
490
Responsive Typography: Wrap-Up
pukhalski
8
360
Next Level SVG
pukhalski
1
1.4k
XFramework: the story so far
pukhalski
0
430
XFramework: build cross-platform responsive web apps easily
pukhalski
3
830
Mobile Cross-Platform Development
pukhalski
2
280
Rest in PS: рабочий процесс современного веб-дизайнера
pukhalski
12
1.5k
Other Decks in Technology
See All in Technology
1Q86
kawaguti
PRO
2
180
PHP 9 に備えよ - 動的プロパティ、どうすればいぃ?
taisukearase
0
290
グイグイ系QAエンジニアでやっていくよ!
____rina____
0
760
本当のガバクラ基礎
toru_kubota
0
310
社内での継続的な機械学習勉強会の開催のコツ
yudai00
2
390
シンプルなHITL機械学習と様々なタスクにおけるHITL機械学習
naohachi89
0
310
複雑なビジネスルールに挑む:正確性と効率性を両立するfp-tsのチーム活用術 / Strike a balance between correctness and efficiency with fp-ts
kakehashi
5
3.5k
生成AIと産業向けソフトウェアの自動生成 〜 ハノーバーメッセ2024より〜
kioto
2
420
TiDBにおけるテーブル設計と最適化の事例
cygames
0
790
TypescriptでのContextualな構造化ロギングと社内全体への導入
leveragestech
3
570
ハードウェアを動かすTypeScriptの世界
9wick
3
1.2k
QAエンジニアが伝えたい品質保証の羅針盤 / Compass for Quality Assurance
mii3king
1
330
Featured
See All Featured
For a Future-Friendly Web
brad_frost
172
9k
Ruby is Unlike a Banana
tanoku
96
10k
Bash Introduction
62gerente
605
210k
The MySQL Ecosystem @ GitHub 2015
samlambert
244
12k
How to Create Impact in a Changing Tech Landscape [PerfNow 2023]
tammyeverts
21
1.6k
How to Ace a Technical Interview
jacobian
273
22k
What’s in a name? Adding method to the madness
productmarketing
PRO
17
2.7k
Making Projects Easy
brettharned
109
5.5k
Statistics for Hackers
jakevdp
790
220k
ピンチをチャンスに:未来をつくるプロダクトロードマップ #pmconf2020
aki_iinuma
82
45k
"I'm Feeling Lucky" - Building Great Search Experiences for Today's Users (#IAC19)
danielanewman
221
21k
Atom: Resistance is Futile
akmur
260
25k
Transcript
MOBILE LAST, RESPONSIVE WEB DESIGN ДЛЯ РЕАЛЬНОЙ ЖИЗНИ или Илья
Пухальский, EPAM Systems Tuesday, May 22, 12
Tuesday, May 22, 12
@witchfinderx webnotbombs.com Tuesday, May 22, 12
О чем будет идти речь? Tuesday, May 22, 12
"It's all roughly about learning one single "line of CSS
code!" Рич Квик Tuesday, May 22, 12
1. Веб вчера и сегодня 2. И что же делать?
3. Проблемы и их решение 4. Кто, если не я? Когда, если не сейчас? Tuesday, May 22, 12
Веб вчера и сегодня Tuesday, May 22, 12
И это казалось магией... Tuesday, May 22, 12
800x600, 1024x768, ... Tuesday, May 22, 12
Tuesday, May 22, 12
Tuesday, May 22, 12
Tuesday, May 22, 12
Tuesday, May 22, 12
"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
Tuesday, May 22, 12
6 429 619 376 подключенных к сети телефонов http://phonecount.com/pc/count.jspt Tuesday,
May 22, 12
1 917 257 822 подключенных к интернету ~27% http://phonecount.com/pc/count.jspt Tuesday,
May 22, 12
ДВА МИЛЛИАРДА ДЕВАЙСОВ Tuesday, May 22, 12
К 2015-ому году количество пользователей мобильного интернета будет превышать количество
пользователей с десктопа http://mobithinking.com/mobile-‐marketing-‐tools/latest-‐mobile-‐stats Tuesday, May 22, 12
488 миллионов смартфонов было продано в 2011-ом http://www.canalys.com/newsroom/smart-‐phones-‐overtake-‐client-‐pcs-‐2011 Tuesday, May
22, 12
415 миллионов PC было продано в 2011-ом http://www.canalys.com/newsroom/smart-‐phones-‐overtake-‐client-‐pcs-‐2011 Tuesday, May
22, 12
http://www.ourmobileplanet.com/ 0 10 20 30 40 25 31 30 24
33 18 27 Франция Германия Норвегия Польша Англия США Россия Доля смартфонов Tuesday, May 22, 12
Статистика по ОС Tuesday, May 22, 12
Статистика по ОС Tuesday, May 22, 12
Tuesday, May 22, 12
Tuesday, May 22, 12
Tuesday, May 22, 12
Tuesday, May 22, 12
Статистика по браузерам Tuesday, May 22, 12
Статистика по браузерам Tuesday, May 22, 12
Tuesday, May 22, 12
Разрешение экрана Tuesday, May 22, 12
Разрешение экрана Tuesday, May 22, 12
Tuesday, May 22, 12
Что же делать? Tuesday, May 22, 12
m.yoursite.com mobile.yoursite.com touch.yoursite.com tablet.yoursite.com ... Tuesday, May 22, 12
iphone.yoursite.com android.yoursite.com ... Tuesday, May 22, 12
Tuesday, May 22, 12
Responsive Web Design Tuesday, May 22, 12
Tuesday, May 22, 12
Tuesday, May 22, 12
Tuesday, May 22, 12
http://mediaqueri.es/ Tuesday, May 22, 12
% + media-queries Tuesday, May 22, 12
Так что же делать? Tuesday, May 22, 12
90% всех вебсайтов слишком простые, чтобы тратить время и деньги
на разработку отдельной мобильной версии Tuesday, May 22, 12
"Нет веба мобильного, точно так же "как и веба для
десктопа. Есть только "один веб." Люк Враблевски Tuesday, May 22, 12
С чего начать? Tuesday, May 22, 12
Знай свою аудиторию Tuesday, May 22, 12
Tuesday, May 22, 12
Tuesday, May 22, 12
Проблемы Tuesday, May 22, 12
Tuesday, May 22, 12
Tuesday, May 22, 12
Mobile Last Tuesday, May 22, 12
Поддержка Tuesday, May 22, 12
Поддержка Tuesday, May 22, 12
Поддержка Tuesday, May 22, 12
В семье не без Tuesday, May 22, 12
Полифилы Tuesday, May 22, 12
Поддержка Tuesday, May 22, 12
Изображения Tuesday, May 22, 12
Tuesday, May 22, 12
Tuesday, May 22, 12
Tuesday, May 22, 12
<img src="
[email protected]
" srcset="
[email protected]
600w 200h 1x,
[email protected]
600w 200h 2x,
face-icon.png 200w 200h"> Tuesday, May 22, 12
WTF WHATWG? Tuesday, May 22, 12
Видео Tuesday, May 22, 12
http://www.longtailvideo.com/html5/#market_share Tuesday, May 22, 12
http://www.longtailvideo.com/html5/#media_formats Tuesday, May 22, 12
Tuesday, May 22, 12
Платформы для медиа-менеджмента и паблишинга Tuesday, May 22, 12
Responsive AD Tuesday, May 22, 12
Tuesday, May 22, 12
Tuesday, May 22, 12
UX-шаблоны Tuesday, May 22, 12
В следующий раз! Tuesday, May 22, 12
Кто, если не я? Когда, если не сейчас? Tuesday, May
22, 12
Отдельные версии веб-сайтов не scalable Tuesday, May 22, 12
Tuesday, May 22, 12
Tuesday, May 22, 12
Кто знает что будет завтра? Tuesday, May 22, 12
Tuesday, May 22, 12
А В 2015-ом? Tuesday, May 22, 12
Tuesday, May 22, 12
Mobile last — это не лучший подход Tuesday, May 22,
12
Но он помогает найти новые пути реорганизации контента и быть
готовым к будущему. Tuesday, May 22, 12
Да, и RWD это изменения в лейауте, а не в
контенте... Tuesday, May 22, 12
@witchfinderx Tuesday, May 22, 12
@witchfinderx Tuesday, May 22, 12