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
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
28
Meeting Burnout by Leveraging Leadership - BrainStorm 2024
Avatar for Bob Martens boblmartens
0
60
Getting Work Done ... Together - 2023 LCC
Avatar for Bob Martens boblmartens
0
100
Getting Work Done ... Together - CACUBO 2023 Annual Conference
Avatar for Bob Martens boblmartens
0
72
Leveraging Leadership for our Technology Teams
Avatar for Bob Martens boblmartens
0
170
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
370
Communicate and Collaborate Using Team Chat
Avatar for Bob Martens boblmartens
1
110
The Potential Power of Team Chat
Avatar for Bob Martens boblmartens
0
100

Other Decks in Design

See All in Design
AIでデザインをつくる：基礎編
Avatar for 太田賢一 kenichiota0711
4
3.1k
hicard_credential_202601
Avatar for hicard hicard
0
240
Storyboard Assignment: Storyboard from Comic Strip
Avatar for Mandalyn Teo lynteo
3
270
タイル紹介サイト「タイルだもんで」
Avatar for しま calpin
0
130
【優秀賞＋特別賞】くまモン食いしん坊弁当「くまモンの魔法の柑橘弁当」最終審査資料
Avatar for Shoko shoko_seven11
0
160
CULTURE DECK／Marketing Director
Avatar for M-HAND,Inc. mhand01
0
1.2k
UI/UX & Web Design Portfolio 2025｜Madoka Kumagai
Avatar for Madoka madoka_portfolio
4
230
AIスライドデザインを生成する仕組みを社内共有する
Avatar for 太田賢一 kenichiota0711
7
5.5k
【サイバーエージェント】Creative Switch 会社説明資料
Avatar for 【CyberAgent】クリエイター新卒採用 cyberagent_creators
0
6.5k
From the Visible Crossroads: Turning Outputs into Outcomes
Avatar for takai_kanako takaikanako
2
1.4k
デザイナーとエンジニアで 同じ山に登ろう
Avatar for moco moco1013
0
220
20260215独立行政法人科学技術振興機構(JST) 社会技術研究開発センター(RISTEX)ケアが根づく社会システム _公開シンポジウム
Avatar for Kimura Atsunobu a2k
1
190

Featured

See All Featured
Exploring anti-patterns in Rails
Avatar for Elle Meredith aemeredith
3
360
How to make the Groovebox
Avatar for あそなす asonas
2
2.2k
RailsConf 2023
Avatar for Aaron Patterson tenderlove
30
1.4k
Abbi's Birthday
Avatar for Violet Bock coloredviolet
2
7.6k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
Avatar for Irina Nazarova irinanazarova
9
1.3k
Templates, Plugins, & Blocks: Oh My! Creating the theme that thinks of everything
Avatar for Michelle Schulp Hunt marktimemedia
31
2.8k
The SEO identity crisis: Don't let AI make you average
Avatar for Varn varn
0
460
The Language of Interfaces
Avatar for Des Traynor destraynor
162
26k
Typedesign – Prime Four
Avatar for Hannes Fritz hannesfritz
42
3k
jQuery: Nuts, Bolts and Bling
Avatar for Doug Neiner dougneiner
66
8.5k
How STYLIGHT went responsive
Avatar for nonsquared nonsquared
100
6.1k
Exploring the Power of Turbo Streams & Action Cable | RailsConf2023
Avatar for Kevin Liebholz kevinliebholz
37
6.4k

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