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
400
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
300
50 Shades of Flux
pukhalski
3
380
Why Mobile Web Still Sucks
pukhalski
3
530
Responsive Typography: Wrap-Up
pukhalski
8
410
Next Level SVG
pukhalski
1
1.7k
XFramework: the story so far
pukhalski
0
480
XFramework: build cross-platform responsive web apps easily
pukhalski
3
960
Mobile Cross-Platform Development
pukhalski
2
320
Rest in PS: рабочий процесс современного веб-дизайнера
pukhalski
12
1.5k
Other Decks in Technology
See All in Technology
2025-07-25 NOT A HOTEL TECH TALK ━ スマートホーム開発の最前線 ━ SOFTWARE
wakinchan
0
180
メモ整理が苦手な者による頑張らないObsidian活用術
optim
1
160
Power Automate のパフォーマンス改善レシピ / Power Automate Performance Improvement Recipes
karamem0
0
280
Recoil脱却の現状と挑戦
kirik
3
480
オブザーバビリティプラットフォーム開発におけるオブザーバビリティとの向き合い / Hatena Engineer Seminar #34 オブザーバビリティの実現と運用編
arthur1
0
160
少人数でも回る! DevinとPlaybookで支える運用改善
ishikawa_pro
4
1.9k
「手を動かした者だけが世界を変える」ソフトウェア開発だけではない開発者人生
onishi
15
7.9k
データエンジニアがクラシルでやりたいことの現在地
gappy50
3
770
隙間時間で爆速開発! Claude Code × Vibe Coding で作るマニュアル自動生成サービス
akitomonam
2
230
FAST導入1年間のふりかえり〜現実を直視し、さらなる進化を求めて〜 / Review of the first year of FAST implementation
wooootack
1
210
大規模イベントを支える ABEMA の アーキテクチャ 変遷 2025
nagapad
5
570
地域コミュニティへの「感謝」と「恩返し」 / 20250726jawsug-tochigi
kasacchiful
0
110
Featured
See All Featured
The Straight Up "How To Draw Better" Workshop
denniskardys
235
140k
Building Flexible Design Systems
yeseniaperezcruz
328
39k
How to Think Like a Performance Engineer
csswizardry
25
1.8k
Product Roadmaps are Hard
iamctodd
PRO
54
11k
Making Projects Easy
brettharned
117
6.3k
How to Ace a Technical Interview
jacobian
278
23k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Fireside Chat
paigeccino
37
3.6k
The MySQL Ecosystem @ GitHub 2015
samlambert
251
13k
Measuring & Analyzing Core Web Vitals
bluesmoon
7
530
The Invisible Side of Design
smashingmag
301
51k
Writing Fast Ruby
sferik
628
62k
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="face-600-200@1.jpg" srcset="face-600-200@1.jpg 600w 200h 1x, face-600-200@2.jpg 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