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

The Web's Present Future

Avatar for Bob Martens Bob Martens
November 14, 2011
Design
230
2

The Web's Present Future

A quick look at Responsive Web Design.

Avatar for Bob Martens

Bob Martens

November 14, 2011

More Decks by Bob Martens

See All by Bob Martens
Meeting Burnout by Leveraging Leadership - 2024 MPCC CIO Gathering
Avatar for Bob Martens boblmartens
0
33
Meeting Burnout by Leveraging Leadership - BrainStorm 2024
Avatar for Bob Martens boblmartens
0
66
Getting Work Done ... Together - 2023 LCC
Avatar for Bob Martens boblmartens
0
110
Getting Work Done ... Together - CACUBO 2023 Annual Conference
Avatar for Bob Martens boblmartens
0
80
Leveraging Leadership for our Technology Teams
Avatar for Bob Martens boblmartens
0
180
Getting Work Done: The Six Types of Working Genius
Avatar for Bob Martens boblmartens
1
1.4k
Getting Work Done ... Together
Avatar for Bob Martens boblmartens
0
380
Communicate and Collaborate Using Team Chat
Avatar for Bob Martens boblmartens
1
110
The Potential Power of Team Chat
Avatar for Bob Martens boblmartens
0
110

Other Decks in Design

See All in Design
20260309_3月ICTデザイン勉強会_地域創生2.0
Avatar for Kimura Atsunobu a2k
0
130
富山デザイン勉強会_デザイントレンド2026.pdf
Avatar for keita keita_yoshikawa
3
250
トランジションの冒険 自分と世界を変える冒険の書 / Transition Adventure
Avatar for 松村 大貴｜Butterfly Lab株式会社 dmattsun
2
120
Drawing for Animation
Avatar for Mandalyn Teo lynteo
2
300
Build for the Web, Build on the Web, Build With the Web
Avatar for Harry Roberts csswizardry
0
450
decksh object reference
Avatar for Anthony Starks ajstarks
2
1.7k
組織で働く大人が「知らないままにやってみる」を取り戻す方法とその意味〜企業で働く実務家による実践知の言語化を事例とした考察〜
Avatar for ChiemiTaki chiemitaki
1
180
Техники структурирования беседы с собой, заказчиком и командо
Avatar for Andrew Shapiro ashapiro
0
180
タイル紹介サイト「タイルだもんで」
Avatar for しま calpin
0
150
怖くないアクセシビリティ -カウンターカルチャーとしてのアッカン東京-
Avatar for Yu Morita securecat
1
210
2026年の勢い / Momentum for 2026
Avatar for bebe bebe
0
480
社長の宿題への回答 「新卒×AI」が生み出す価値
Avatar for さき saki822
2
160

Featured

See All Featured
Principles of Awesome APIs and How to Build Them.
Avatar for Keavy McMinn keavy
128
18k
Designing Powerful Visuals for Engaging Learning
Avatar for Mike Taylor tmiket
1
430
What the history of the web can teach us about the future of AI
Avatar for Ines Montani inesmontani
PRO
1
620
Tell your own story through comics
Avatar for letsgokoyo letsgokoyo
1
970
個人開発の失敗を避けるイケてる考え方 / tips for indie hackers
Avatar for panda_program panda_program
123
22k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
46
2.9k
HDC tutorial
Avatar for Michiel Stock michielstock
2
720
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
3.2k
Between Models and Reality
Avatar for mayunak mayunak
4
350
Writing Fast Ruby
Avatar for Erik Berlin sferik
630
63k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
21
1.5k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
254
22k

Transcript

  1. Hi. My name is Bob Martens

  2. None

  3. THE WEB’S PRESENT FUTURE

  4. RESPONSIVE WEB DESIGN

  5. Image courtesy of A Book Apart

  6. WHAT HAPPENED!?

  7. None
  8. None
  9. None
  10. None

  11. RESPONSIVE WEB MONKEYS!? What is Responsive Web Design?

  12. 1.Flexible, grid-based layout 2.Flexible images and media 3.Media queries

  13. A flexible, grid-based layout

  14. Flexible images and media

  15. Media queries

  16. Show us the good stuff!

  17. BUT ... INTERNET EXPLORER! What can we do today?

  18. WHICH WAY TO SCOTLAND? The Future

  19. “Responsive images” Or ... “you don’t want to serve 10

    MB image files to people using cell towers for the internet”

  20. Lots and lots of experimentation http://mediaqueri.es

  21. Lots and lots of experimentation Honestly, I’m not kidding here.

  22. IN CLOSING Um ...

  23. Thank You http://bobmartens.net