Upgrade to Pro — share decks privately, control downloads, hide ads and more …

Mobile last, или responsive web design для реал...

Avatar for Ilya Pukhalski Ilya Pukhalski
May 22, 2012
Technology
3
400

Mobile last, или responsive web design для реальной жизни

Avatar for Ilya Pukhalski

Ilya Pukhalski

May 22, 2012
Tweet

More Decks by Ilya Pukhalski

See All by Ilya Pukhalski
There's a bot for that
Avatar for Ilya Pukhalski pukhalski
1
300
50 Shades of Flux
Avatar for Ilya Pukhalski pukhalski
3
390
Why Mobile Web Still Sucks
Avatar for Ilya Pukhalski pukhalski
3
530
Responsive Typography: Wrap-Up
Avatar for Ilya Pukhalski pukhalski
8
420
Next Level SVG
Avatar for Ilya Pukhalski pukhalski
1
1.7k
XFramework: the story so far
Avatar for Ilya Pukhalski pukhalski
0
490
XFramework: build cross-platform responsive web apps easily
Avatar for Ilya Pukhalski pukhalski
3
980
Mobile Cross-Platform Development
Avatar for Ilya Pukhalski pukhalski
2
320
Rest in PS: рабочий процесс современного веб-дизайнера
Avatar for Ilya Pukhalski pukhalski
12
1.6k

Other Decks in Technology

See All in Technology
Oracle Base Database Service 技術詳細
Avatar for oracle4engineer oracle4engineer
PRO
11
77k
バイブコーディングと継続的デプロイメント
Avatar for nwiizo nwiizo
2
420
後進育成のしくじり〜任せるスキルとリーダーシップの両立〜
Avatar for mtskhs matsu0228
7
2.4k
自作LLM Native GORM Pluginで実現する AI Agentバックテスト基盤構築
Avatar for po3rin po3rin
2
250
AIが書いたコードをAIが検証する！自律的なモバイルアプリ開発の実現
Avatar for henteko henteko
1
340
pprof vs runtime/trace (FlightRecorder)
Avatar for task4233 task4233
0
170
20201008_ファインディ_品質意識を育てる役目は人かAIか___2_.pdf
Avatar for ファインディ株式会社（イベント資料アップ用） findy_eventslides
0
140
Goに育てられ開発者向けセキュリティ事業を立ち上げた僕が今向き合う、AI × セキュリティの最前線 / Go Conference 2025
Avatar for GMO Flatt Security flatt_security
0
350
stupid jj tricks
Avatar for André Arko indirect
0
7.9k
Modern_Data_Stack最新動向クイズ_買収_AI_激動の2025年_.pdf
Avatar for Sagara sagara
0
200
データエンジニアがこの先生きのこるには...?
Avatar for 10xinc 10xinc
0
440
SoccerNet GSRの紹介と技術応用：選手視点映像を提供するサッカー作戦盤ツール
Avatar for MIXI ENGINEERS mixi_engineers
PRO
1
170

Featured

See All Featured
A Modern Web Designer's Workflow
Avatar for Chris Coyier chriscoyier
697
190k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
173
14k
Done Done
Avatar for chrislema chrislema
185
16k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.5k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
71
11k
Six Lessons from altMBA
Avatar for Skipper Chong Warson skipperchong
28
4k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
84
9.2k
Music & Morning Musume
Avatar for Bryan Veloso bryan
46
6.8k
What's in a price? How to price your products and services
Avatar for Michael Herold michaelherold
246
12k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
59
9.6k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
Building a Modern Day 
E-commerce SEO Strategy
Avatar for Aleyda Solis aleyda
43
7.7k

Transcript

  1. MOBILE LAST, RESPONSIVE WEB DESIGN ДЛЯ РЕАЛЬНОЙ ЖИЗНИ или Илья

     Пухальский, EPAM  Systems Tuesday, May 22, 12

  2. Tuesday, May 22, 12

  3. @witchfinderx webnotbombs.com Tuesday, May 22, 12

  4. О чем будет идти речь? Tuesday, May 22, 12

  5. "It's all roughly about learning one single "line of CSS

    code!" Рич Квик Tuesday, May 22, 12

  6. 1. Веб вчера и сегодня 2. И что же делать?

    3. Проблемы и их решение 4. Кто, если не я? Когда, если не сейчас? Tuesday, May 22, 12

  7. Веб вчера и сегодня Tuesday, May 22, 12

  8. И это казалось магией... Tuesday, May 22, 12

  9. 800x600, 1024x768, ... Tuesday, May 22, 12

  10. Tuesday, May 22, 12

  11. Tuesday, May 22, 12

  12. Tuesday, May 22, 12

  13. Tuesday, May 22, 12

  14. "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

  15. Tuesday, May 22, 12

  16. 6 429 619 376 подключенных к сети телефонов http://phonecount.com/pc/count.jspt Tuesday,

    May 22, 12

  17. 1 917 257 822 подключенных к интернету ~27% http://phonecount.com/pc/count.jspt Tuesday,

    May 22, 12

  18. ДВА МИЛЛИАРДА ДЕВАЙСОВ Tuesday, May 22, 12

  19. К 2015-ому году количество пользователей мобильного интернета будет превышать количество

    пользователей с десктопа http://mobithinking.com/mobile-­‐marketing-­‐tools/latest-­‐mobile-­‐stats Tuesday, May 22, 12

  20. 488 миллионов смартфонов было продано в 2011-ом http://www.canalys.com/newsroom/smart-­‐phones-­‐overtake-­‐client-­‐pcs-­‐2011 Tuesday, May

    22, 12

  21. 415 миллионов PC было продано в 2011-ом http://www.canalys.com/newsroom/smart-­‐phones-­‐overtake-­‐client-­‐pcs-­‐2011 Tuesday, May

    22, 12

  22. http://www.ourmobileplanet.com/ 0 10 20 30 40 25 31 30 24

    33 18 27 Франция Германия Норвегия Польша Англия США Россия Доля смартфонов Tuesday, May 22, 12

  23. Статистика по ОС Tuesday, May 22, 12

  24. Статистика по ОС Tuesday, May 22, 12

  25. Tuesday, May 22, 12

  26. Tuesday, May 22, 12

  27. Tuesday, May 22, 12

  28. Tuesday, May 22, 12

  29. Статистика по браузерам Tuesday, May 22, 12

  30. Статистика по браузерам Tuesday, May 22, 12

  31. Tuesday, May 22, 12

  32. Разрешение экрана Tuesday, May 22, 12

  33. Разрешение экрана Tuesday, May 22, 12

  34. Tuesday, May 22, 12

  35. Что же делать? Tuesday, May 22, 12

  36. m.yoursite.com mobile.yoursite.com touch.yoursite.com tablet.yoursite.com ... Tuesday, May 22, 12

  37. iphone.yoursite.com android.yoursite.com ... Tuesday, May 22, 12

  38. Tuesday, May 22, 12

  39. Responsive Web Design Tuesday, May 22, 12

  40. Tuesday, May 22, 12

  41. Tuesday, May 22, 12

  42. Tuesday, May 22, 12

  43. http://mediaqueri.es/ Tuesday, May 22, 12

  44. % + media-queries Tuesday, May 22, 12

  45. Так что же делать? Tuesday, May 22, 12

  46. 90% всех вебсайтов слишком простые, чтобы тратить время и деньги

    на разработку отдельной мобильной версии Tuesday, May 22, 12

  47. "Нет веба мобильного, точно так же "как и веба для

    десктопа. Есть только "один веб." Люк Враблевски Tuesday, May 22, 12

  48. С чего начать? Tuesday, May 22, 12

  49. Знай свою аудиторию Tuesday, May 22, 12

  50. Tuesday, May 22, 12

  51. Tuesday, May 22, 12

  52. Проблемы Tuesday, May 22, 12

  53. Tuesday, May 22, 12

  54. Tuesday, May 22, 12

  55. Mobile Last Tuesday, May 22, 12

  56. Поддержка Tuesday, May 22, 12

  57. Поддержка Tuesday, May 22, 12

  58. Поддержка Tuesday, May 22, 12

  59. В семье не без Tuesday, May 22, 12

  60. Полифилы Tuesday, May 22, 12

  61. Поддержка Tuesday, May 22, 12

  62. Изображения Tuesday, May 22, 12

  63. Tuesday, May 22, 12

  64. Tuesday, May 22, 12

  65. Tuesday, May 22, 12

  66. <img src="[email protected]" srcset="[email protected] 600w 200h 1x, [email protected] 600w 200h 2x,

    face-icon.png 200w 200h"> Tuesday, May 22, 12

  67. WTF WHATWG? Tuesday, May 22, 12

  68. Видео Tuesday, May 22, 12

  69. http://www.longtailvideo.com/html5/#market_share Tuesday, May 22, 12

  70. http://www.longtailvideo.com/html5/#media_formats Tuesday, May 22, 12

  71. Tuesday, May 22, 12

  72. Платформы для медиа-менеджмента и паблишинга Tuesday, May 22, 12

  73. Responsive AD Tuesday, May 22, 12

  74. Tuesday, May 22, 12

  75. Tuesday, May 22, 12

  76. UX-шаблоны Tuesday, May 22, 12

  77. В следующий раз! Tuesday, May 22, 12

  78. Кто, если не я? Когда, если не сейчас? Tuesday, May

    22, 12

  79. Отдельные версии веб-сайтов не scalable Tuesday, May 22, 12

  80. Tuesday, May 22, 12

  81. Tuesday, May 22, 12

  82. Кто знает что будет завтра? Tuesday, May 22, 12

  83. Tuesday, May 22, 12

  84. А В 2015-ом? Tuesday, May 22, 12

  85. Tuesday, May 22, 12

  86. Mobile last — это не лучший подход Tuesday, May 22,

    12

  87. Но он помогает найти новые пути реорганизации контента и быть

    готовым к будущему. Tuesday, May 22, 12

  88. Да, и RWD это изменения в лейауте, а не в

    контенте... Tuesday, May 22, 12

  89. @witchfinderx Tuesday, May 22, 12

  90. @witchfinderx Tuesday, May 22, 12