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
340
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
読書シェア会 vol.5 / Yumemi.grow 20250526
Avatar for Rakus_Dev rakus_dev
0
1.7k
Bulletproof Design System with TypeScript
Avatar for takanorip takanorip
6
3.8k
DC Style Redesign
Avatar for Brynn McDucky P. mcduckyart
0
140
デザインの意思決定を加速するワークショップ設計 / Workshop design to accelerate design decision-making
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
350
“ブロック”で作る、WordPress制作フロー変革のすすめ
Avatar for Koots koots2021
4
1.9k
Saudade typeface
Avatar for Tiago Porto tiagoporto
0
330
minpaku-community-scrum-patterns
Avatar for Noriaki Kawanishi norinity1103
1
180
今日から意識できるアクセシビリティ
Avatar for fumiko fumiko
0
280
株式会社ログラス - 会社説明資料【デザイナー】/ Loglass Designer
Avatar for 株式会社ログラス loglass2019
1
840
21 Ways to Call American Airlines Customer Care Full Guide USA
Avatar for Sonny americanhub
0
190
BPStudy#213〜ビジネスアナリシスとDDD（ドメイン駆動設計）パネルディスカッション資料 / BPStudy213-panel
Avatar for haru860 haru860
0
450
数理的アプローチで挑むスマホUIのデザイン改善：タップ成功率推定ツール「Tappy」の社内活用事例 / Improving Smartphone UI Design with a Mathematical Approach: In-house Use Case of the Tap Success Rate Estimation Tool "Tappy"
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
670

Featured

See All Featured
Design and Strategy: How to Deal with People Who Don’t "Get" Design
Avatar for Morgane Peng morganepeng
130
19k
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
96
6.1k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
90
590k
Building Flexible Design Systems
Avatar for Yesenia Perez-Cruz yeseniaperezcruz
328
39k
Code Review Best Practice
Avatar for Trisha Gee trishagee
69
19k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
Avatar for Eileen M. Uchitelle eileencodes
138
34k
Mobile First: as difficult as doing things right
Avatar for Swwweet swwweet
223
9.7k
The Cult of Friendly URLs
Avatar for Andy Hume andyhume
79
6.5k
Testing 201, or: Great Expectations
Avatar for Joseph Mastey jmmastey
43
7.6k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
Avatar for Tammy Everts tammyeverts
8
390
Put a Button on it: Removing Barriers to Going Fast.
Avatar for kastner kastner
60
3.9k
Automating Front-end Workflow
Avatar for Addy Osmani addyosmani
1370
200k

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