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

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

Sponsored · Your Podcast. Everywhere. Effortlessly. Share. Educate. Inspire. Entertain. You do you. We'll handle the rest. →
Avatar for Ilya Pukhalski Ilya Pukhalski
May 22, 2012
Technology
410
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
330
50 Shades of Flux
Avatar for Ilya Pukhalski pukhalski
3
430
Why Mobile Web Still Sucks
Avatar for Ilya Pukhalski pukhalski
3
570
Responsive Typography: Wrap-Up
Avatar for Ilya Pukhalski pukhalski
8
450
Next Level SVG
Avatar for Ilya Pukhalski pukhalski
1
1.8k
XFramework: the story so far
Avatar for Ilya Pukhalski pukhalski
0
520
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
350
Rest in PS: рабочий процесс современного веб-дизайнера
Avatar for Ilya Pukhalski pukhalski
12
1.6k

Other Decks in Technology

See All in Technology
責任あるソフトウェアエンジニアリングの紹介4章・5章 / RSE_Ch4-5
Avatar for id ido_kara_deru
0
330
権限管理設計を完全に理解した
Avatar for r-sugi rsugi
2
200
checker.tsにチキンレースを仕掛けてみた：型エラー(TS2589)が発生する境界線を求めて
Avatar for Hal hal_spidernight
1
200
大規模環境でどのように監視を実現する？
Avatar for Yuto Obayashi yuobayashi
1
140
データ分析基盤の信頼を支える視点と設計
Avatar for Yuki yuki_saito
1
660
ソフトウェアサプライチェーン攻撃対策として今からサクッとできること
Avatar for GMO Flatt Security flatt_security
2
140
The Making of AI Chips
Avatar for Preferred Networks pfn
PRO
0
770
TypeScriptはどのようにどこまで推論できるのか ─ とにかく as は禁止で
Avatar for ypresto ypresto
3
420
形式手法特論：公平性制約の位相的特徴づけ #kernelvm / Kernel VM Study Kansai 12th
Avatar for y_taka_23 ytaka23
0
190
Claude Code x Accounting
Avatar for Yasunobu Kawaguchi kawaguti
PRO
1
320
TSKaigi 2026 - 10秒のビルドを1秒へ：tsdownが切り拓く2026年のTypeScriptライブラリ開発
Avatar for teamLab teamlab
PRO
2
260
JavaScript実装の自作プログラミング言語をTypeScript実装に移行した話
Avatar for Keisuke Ikeda keisukeikeda
1
150

Featured

See All Featured
The Spectacular Lies of Maps
Avatar for Per Axbom axbom
PRO
1
760
SERP Conf. Vienna - Web Accessibility: Optimizing for Inclusivity and SEO
Avatar for Sara Fernández Carmona sarafernandez
2
1.4k
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
133
19k
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
31k
Measuring & Analyzing Core Web Vitals
Avatar for Philip Tellis bluesmoon
9
830
First, design no harm
Avatar for Per Axbom axbom
PRO
2
1.2k
How to make the Groovebox
Avatar for あそなす asonas
2
2.2k
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
[RailsConf 2023] Rails as a piece of cake
Avatar for Vladimir Dementyev palkan
59
6.6k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
75
12k
The Straight Up "How To Draw Better" Workshop
Avatar for Dennis Kardys denniskardys
239
140k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
10
1.2k

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