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
19
Meeting Burnout by Leveraging Leadership - BrainStorm 2024
Avatar for Bob Martens boblmartens
0
50
Getting Work Done ... Together - 2023 LCC
Avatar for Bob Martens boblmartens
0
89
Getting Work Done ... Together - CACUBO 2023 Annual Conference
Avatar for Bob Martens boblmartens
0
62
Leveraging Leadership for our Technology Teams
Avatar for Bob Martens boblmartens
0
140
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
94
The Potential Power of Team Chat
Avatar for Bob Martens boblmartens
0
92

Other Decks in Design

See All in Design
デザイナーがはばたく未来の入り口『hatch』が描く、新しいデザイナー育成のカタチ
Avatar for Goodpatch Inc. goodpatch
1
260
AI時代に、僕たちデザイナーはどう歩むか
Avatar for kim kazuhirokimura
0
400
Spectrum Tokyo_ デザイナーが事業責任者になってみた
Avatar for Woo seop Shin shin_2
0
150
SAMSUL KAMAR ABDUL RAHMAN
Avatar for SAMSUL RAHMAN samsulrahman32
0
170
CursorでAI活用のナレッジベースを構築する
Avatar for 神崎 kanzaki
0
750
Ana Cortes Visual Development Portfolio 2025
Avatar for Ana Belen Cortes Diaz haruanleb
0
120
7 Core Values of Round-L
Avatar for Round-L wired888
0
2.2k
大きな変化の中で、わたしが向き合ったこと #もがく中堅デザイナー
Avatar for 弁護士ドットコム bengo4com
1
150
Findyのプロデチームの 歩みとこれから
Avatar for Satty satty9556
0
290
デザイナー向けフライル説明資料
Avatar for Toshiaki Arai toshiblues
0
160
Portfolio 齋藤明敏 Hiroyuki Saito
Avatar for HIROYUKI SAITO crearedesign
0
110
デフォルトの16:9（960*540px）のケース / Google Slide Size Test
Avatar for Arthur arthur1
0
3.5k

Featured

See All Featured
The Art of Delivering Value - GDevCon NA Keynote
Avatar for David Neal reverentgeek
15
1.7k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
9
580
How to Ace a Technical Interview
Avatar for Jacob Kaplan-Moss jacobian
280
24k
Making the Leap to Tech Lead
Avatar for Ryan Cromwell cromwellryan
135
9.6k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
274
41k
Building an army of robots
Avatar for Kyle Neath kneath
306
46k
Designing Experiences People Love
Avatar for Jonathan Moore moore
142
24k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
Avatar for Vitaly Friedman smashingmag
252
21k
Improving Core Web Vitals using Speculation Rules API
Avatar for Sergey Chernyshev sergeychernyshev
19
1.2k
Faster Mobile Websites
Avatar for Dean Hume deanohume
310
31k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
31
6.2k

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