$30 off During Our Annual Pro Sale. View Details »

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
21
Meeting Burnout by Leveraging Leadership - BrainStorm 2024
Avatar for Bob Martens boblmartens
0
54
Getting Work Done ... Together - 2023 LCC
Avatar for Bob Martens boblmartens
0
91
Getting Work Done ... Together - CACUBO 2023 Annual Conference
Avatar for Bob Martens boblmartens
0
64
Leveraging Leadership for our Technology Teams
Avatar for Bob Martens boblmartens
0
150
Getting Work Done: The Six Types of Working Genius
Avatar for Bob Martens boblmartens
0
1.2k
Getting Work Done ... Together
Avatar for Bob Martens boblmartens
0
350
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
94

Other Decks in Design

See All in Design
Ralph Penel Portfolio
Avatar for ralphpenel ralphpenel
PRO
0
130
Correspondence：共に生成していく過程
Avatar for Akira Motomura akiramotomura
0
150
The Spring Festival
Avatar for Jisun jisun
0
100
デザイナーがはばたく未来の入り口『hatch』が描く、新しいデザイナー育成のカタチ
Avatar for Goodpatch Inc. goodpatch
3
2.7k
Goodpatch Tour💙 / We are hiring!
Avatar for Goodpatch Inc. goodpatch
31
920k
【pmconf2025】PdMの頭の中を見える化する体験構造図
Avatar for Shigeyuki Kameda kamechi7222222
1
1k
チームで事業価値を生み出す、プロアクティブなデザイナーになるための道のり/ Designship2025_Naya
Avatar for 株式会社ルート root_recruit
0
320
Figmaレクチャー会Part1 基本のき編＠千株式会社 社内勉強会
Avatar for ぽん designer_no_pon
0
160
decksh object reference
Avatar for Anthony Starks ajstarks
2
1.4k
デザインエンジニアの延長にデザインマネージャーとしての可能性を探る
Avatar for takanorip takanorip
0
810
8_8_リサーチカンファレンスプレイベント.pdf
Avatar for Muture muture
PRO
2
590
越境するデザイン人材：デザイナーが社会資本となる世界へ
Avatar for Goodpatch Inc. goodpatch
1
390

Featured

See All Featured
Understanding Cognitive Biases in Performance Measurement
Avatar for Philip Tellis bluesmoon
32
2.7k
Building a Scalable Design System with Sketch
Avatar for Laura Van Doore lauravandoore
463
34k
Context Engineering - Making Every Token Count
Avatar for Addy Osmani addyosmani
9
490
Refactoring Trust on Your Teams (GOTO; Chicago 2020)
Avatar for Rebecca Miller-Webster rmw
35
3.3k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
50
14k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
Avatar for soudai sone soudai
PRO
196
70k
XXLCSS - How to scale CSS and keep your sanity
Avatar for Zaharenia Atzitzikaki sugarenia
249
1.3M
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
141
34k
[SF Ruby Conf 2025] Rails X
Avatar for Vladimir Dementyev palkan
0
500
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
46
7.8k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
10
720
Intergalactic Javascript Robots from Outer Space
Avatar for Vicent Martí tanoku
273
27k

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