Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

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

Sponsored · SiteGround - Reliable hosting with speed, security, and support you can count on. →
Avatar for Ilya Pukhalski Ilya Pukhalski
May 22, 2012
Technology
420
3

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

Avatar for Ilya Pukhalski

Ilya Pukhalski

May 22, 2012

More Decks by Ilya Pukhalski

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

Other Decks in Technology

See All in Technology
DBTS2026 盛り上がってますか！？Databricksが実現するAI時代のデータ基盤
Avatar for Akihiro Kuwano akuwano
1
190
少ない人手 限られた予算 それでも守る 消せない・見つける・戻れる オールハザード型BCP on AWS / 20261107 Mitsutoshi Matsuo
Avatar for SHIFT EVOLVE shift_evolve
PRO
0
190
Shared Signals Framework 仕様解説
Avatar for OpenID Foundation Japan oidfj
0
120
IBC 2026 動画技術関連レポート / IBC 2026 Report
Avatar for CyberAgent cyberagentdevelopers
PRO
2
440
HQ駆動開発で最高のAI-Contextを作ろう
Avatar for SansanTech sansantech
PRO
1
110
ゼロから作るWebアプリの新定番！？Amplify Gen 2 × AWS Blocksで実現する「開発速度とRDBの柔軟性のいいとこ取り」
Avatar for amixedcolor amixedcolor
1
170
Gifu WordPress Meetup #200 に向けて、私たちには何ができるだろうか？/ 2026-11-07 Gifu WordPress Meetup
Avatar for Toro_Unit (Hiroshi Urabe) torounit
0
210
BALLAS Technology Deck
Avatar for 株式会社BALLAS ballas_inc
0
130
Maestro MCPとClaude Code Skillsによる自律的なE2Eテスト支援
Avatar for asmz asmz
0
430
AI時代の組織作り：チーム開発から「個人×AI」への移行と、持続可能な「開発資本」の築き方
Avatar for ham ham0215
2
300
登壇はいいぞ！ 〜Kaigi on Railsに登壇して起きた3つの変化〜
Avatar for Shoichi Ochi occhi
0
110
re:Invent2026 事前勉強会 歴史と愉しみ方10分LT編
Avatar for T.Atsumi toshi_atsumi
0
150

Featured

See All Featured
DevOps and Value Stream Thinking: Enabling flow, efficiency and business value
Avatar for Helen Beal helenjbeal
2
430
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.7k
Digital Projects Gone Horribly Wrong (And the UX Pros Who Still Save the Day) - Dean Schuster
Avatar for UX Y'all uxyall
1
3.8k
Ethics towards AI in product and experience design
Avatar for Skipper Chong Warson skipperchong
2
460
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
16k
ピンチをチャンスに：未来をつくるプロダクトロードマップ #pmconf2020
Avatar for Aki / @LoveIdahoBurger aki_iinuma
128
56k
Designing for humans not robots
Avatar for Tammie Lister tammielis
254
26k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
360
31k
YesSQL, Process and Tooling at Scale
Avatar for Rocio Delgado rocio
174
15k
ReactJS: Keep Simple. Everything can be a component!
Avatar for Pedro Nauck pedronauck
666
130k
Optimizing for Happiness
Avatar for Tom Preston-Werner mojombo
378
71k
AI in Enterprises - Java and Open Source to the Rescue
Avatar for ivargrimstad ivargrimstad
0
1.6k

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