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
2
220

The Web's Present Future

A quick look at Responsive Web Design.

Avatar for Bob Martens

Bob Martens

November 14, 2011
Tweet

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
27
Meeting Burnout by Leveraging Leadership - BrainStorm 2024
Avatar for Bob Martens boblmartens
0
58
Getting Work Done ... Together - 2023 LCC
Avatar for Bob Martens boblmartens
0
96
Getting Work Done ... Together - CACUBO 2023 Annual Conference
Avatar for Bob Martens boblmartens
0
67
Leveraging Leadership for our Technology Teams
Avatar for Bob Martens boblmartens
0
160
Getting Work Done: The Six Types of Working Genius
Avatar for Bob Martens boblmartens
1
1.3k
Getting Work Done ... Together
Avatar for Bob Martens boblmartens
0
360
Communicate and Collaborate Using Team Chat
Avatar for Bob Martens boblmartens
1
100
The Potential Power of Team Chat
Avatar for Bob Martens boblmartens
0
97

Other Decks in Design

See All in Design
Build for the Web, Build on the Web, Build With the Web
Avatar for Harry Roberts csswizardry
0
210
CULTURE DECK／Frontend Engineer
Avatar for M-HAND,Inc. mhand01
0
950
結びながら、ひらく - にじむ境界のデザイン
Avatar for Hiroki Tani hilokifigma
3
1.5k
研修担当者が一番伸びた　熊本市役所✕AI『泥臭いAI研修』のワークショップ設計について
Avatar for @Garyuten garyuten
2
300
root COMPANY DECK / We are hiring！
Avatar for 株式会社ルート root_recruit
2
27k
【サイバーエージェント】Creative Switch 会社説明資料
Avatar for 【CyberAgent】クリエイター新卒採用 cyberagent_creators
0
5.3k
Drawing for Animation
Avatar for Mandalyn Teo lynteo
2
230
2026年の勢い / Momentum for 2026
Avatar for bebe bebe
0
390
OJTで学んだ 「心を動かす」ファシリテーション
Avatar for さき saki822
1
260
新規AIプロダクトで、事前に知るべきだった3つの壁 〜医療AIを1年間作って、従来の開発が通用しなかった話〜 / Three Walls in Building AI Products
Avatar for Takuya Shikichi shikichee
2
3.8k
「自分の仕事はどこまで？」と問い続けたら。デザイナーの「視座」を考える
Avatar for Takeru Mukai mukai_takeru
0
320
Storyboard Exercise: Chase Sequence
Avatar for Mandalyn Teo lynteo
1
240

Featured

See All Featured
Neural Spatial Audio Processing for Sound Field Analysis and Control
Avatar for NII S. Koyama's Lab skoyamalab
0
210
End of SEO as We Know It (SMX Advanced Version)
Avatar for Michael King ipullrank
3
4.1k
The Impact of AI in SEO - AI Overviews June 2024 Edition
Avatar for Aleyda Solis aleyda
5
760
The Hidden Cost of Media on the Web [PixelPalooza 2025]
Avatar for Tammy Everts tammyeverts
2
250
The AI Search Optimization Roadmap by Aleyda Solis
Avatar for Aleyda Solis aleyda
1
5.4k
We Are The Robots
Avatar for Honza Javorek honzajavorek
0
190
Hiding What from Whom? A Critical Review of the History of Programming languages for Music
Avatar for Tomoya Matsuura tomoyanonymous
2
540
The Pragmatic Product Professional
Avatar for Laura Van Doore lauravandoore
37
7.2k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.6k
Public Speaking Without Barfing On Your Shoes - THAT 2023
Avatar for David Neal reverentgeek
1
330
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
34k

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