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
17
Meeting Burnout by Leveraging Leadership - BrainStorm 2024
Avatar for Bob Martens boblmartens
0
48
Getting Work Done ... Together - 2023 LCC
Avatar for Bob Martens boblmartens
0
87
Getting Work Done ... Together - CACUBO 2023 Annual Conference
Avatar for Bob Martens boblmartens
0
60
Leveraging Leadership for our Technology Teams
Avatar for Bob Martens boblmartens
0
130
Getting Work Done: The Six Types of Working Genius
Avatar for Bob Martens boblmartens
0
1.1k
Getting Work Done ... Together
Avatar for Bob Martens boblmartens
0
330
Communicate and Collaborate Using Team Chat
Avatar for Bob Martens boblmartens
1
93
The Potential Power of Team Chat
Avatar for Bob Martens boblmartens
0
90

Other Decks in Design

See All in Design
A brief & incomplete history of 
UX Design for the World Wide Web: 1989–2019
Avatar for Jason CranfordTeague jct
1
200
今日から意識できるアクセシビリティ
Avatar for fumiko fumiko
0
240
アップロード-職業訓練_ワンランク上に見せるデザインのコツ.pdf
Avatar for keita keita_yoshikawa
0
120
線で考える画面構成
Avatar for natsuume natsuume
1
880
harutaka Vision Deck
Avatar for ZENKIGEN,Inc. zenkigenforrecruit
0
130
AI時代に淘汰されないデザインのしごと
Avatar for Akinen akinen
0
120
portfolio_YumiYasuda
Avatar for yumi yasuda yum0418
0
280
児童相談所における養育里親委託時の親権者同意に向けたコミュニケーションの実態
Avatar for trivia trivia
0
450
【PoCで終わらない】運用フェーズまで見据えたAI駆動UIデザイン/フロントエンド開発実践
Avatar for 北見海貴 kitami
1
160
Goodpatch Tour💙 / We are hiring!
Avatar for Goodpatch Inc. goodpatch
31
860k
250131_product meetup
Avatar for Motoko Ishida motokoishida
0
210
商業デザインのアクセシビリティにおける倫理フレームワークの考察
Avatar for Yu Morita securecat
1
600

Featured

See All Featured
Navigating Team Friction
Avatar for Lara Hogan lara
187
15k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
2.7k
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
34
3k
Product Roadmaps are Hard
Avatar for C. Todd Lombardo iamctodd
PRO
53
11k
What’s in a name? Adding method to the madness
Avatar for Product Marketing Alliance productmarketing
PRO
23
3.5k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
411
22k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
188
11k
How to Think Like a Performance Engineer
Avatar for Harry Roberts csswizardry
24
1.7k
Rebuilding a faster, lazier Slack
Avatar for samanthasiow samanthasiow
81
9k
Git: the NoSQL Database
Avatar for Brandon Keepers bkeepers
PRO
430
65k
Sharpening the Axe: The Primacy of Toolmaking
Avatar for Bryan Cantrill bcantrill
44
2.4k
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k

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