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

The Web's Present Future

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
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
35
Meeting Burnout by Leveraging Leadership - BrainStorm 2024
Avatar for Bob Martens boblmartens
0
68
Getting Work Done ... Together - 2023 LCC
Avatar for Bob Martens boblmartens
0
120
Getting Work Done ... Together - CACUBO 2023 Annual Conference
Avatar for Bob Martens boblmartens
0
93
Leveraging Leadership for our Technology Teams
Avatar for Bob Martens boblmartens
0
190
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
390
Communicate and Collaborate Using Team Chat
Avatar for Bob Martens boblmartens
1
120
The Potential Power of Team Chat
Avatar for Bob Martens boblmartens
0
120

Other Decks in Design

See All in Design
【優秀賞＋特別賞】くまモン食いしん坊弁当「くまモンの魔法の柑橘弁当」最終審査資料
Avatar for Shoko shoko_seven11
0
270
CULTURE DECK／Creative Director
Avatar for M-HAND,Inc. mhand01
0
1.4k
つくり方を変えていく | change-how-we-build
Avatar for mottox2 mottox2
2
1.4k
CULTURE DECK／Frontend Engineer
Avatar for M-HAND,Inc. mhand01
0
1.5k
hicard_credential_202601
Avatar for hicard hicard
0
270
社長の宿題への回答 「新卒×AI」が生み出す価値
Avatar for さき saki822
2
200
組織で働く大人が「知らないままにやってみる」を取り戻す方法とその意味〜企業で働く実務家による実践知の言語化を事例とした考察〜
Avatar for ChiemiTaki chiemitaki
1
270
広い関与の可能性に どう向き合うのか？ 私たちは。｜Timee MarketingDesign 2026-06-18
Avatar for bebe bebe
0
310
トランジションの冒険 自分と世界を変える冒険の書 / Transition Adventure
Avatar for 松村 大貴｜Butterfly Lab株式会社 dmattsun
2
240
ボタンUIの冪等性の話をしたらVimmerに刺さっちゃった
Avatar for たと ottatto
3
1.7k
タイル紹介サイト「タイルだもんで」
Avatar for しま calpin
0
160
凡庸を落とすハーネス
Avatar for Hiromi Maeo hiromimaeo
1
750

Featured

See All Featured
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
7.1k
Impact Scores and Hybrid Strategies: The future of link building
Avatar for Tamara Novitovic tamaranovitovic
0
370
職位にかかわらず全員がリーダーシップを発揮するチーム作り / Building a team where everyone can demonstrate leadership regardless of position
Avatar for MADOX madoxten
64
56k
Claude Code のすすめ
Avatar for schroneko schroneko
67
230k
SEO for Brand Visibility & Recognition
Avatar for Aleyda Solis aleyda
0
4.7k
Keith and Marios Guide to Fast Websites
Avatar for Keith Pitt keithpitt
413
23k
The Success of Rails: Ensuring Growth for the Next 100 Years
Avatar for Eileen M. Uchitelle eileencodes
47
8.3k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
57
14k
AI Search: Implications for SEO and How to Move Forward - #ShenzhenSEOConference
Avatar for Aleyda Solis aleyda
1
1.3k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
10k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
12
1.8k
Accessibility Awareness
Avatar for Sarah Abderemane sabderemane
1
170

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