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

The Web's Present Future

Bob Martens
November 14, 2011
Design
2
220

The Web's Present Future

A quick look at Responsive Web Design.

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
boblmartens
0
16
Meeting Burnout by Leveraging Leadership - BrainStorm 2024
boblmartens
0
44
Getting Work Done ... Together - 2023 LCC
boblmartens
0
85
Getting Work Done ... Together - CACUBO 2023 Annual Conference
boblmartens
0
59
Leveraging Leadership for our Technology Teams
boblmartens
0
120
Getting Work Done: The Six Types of Working Genius
boblmartens
0
910
Getting Work Done ... Together
boblmartens
0
260
Communicate and Collaborate Using Team Chat
boblmartens
1
89
The Potential Power of Team Chat
boblmartens
0
87

Other Decks in Design

See All in Design
pixel-art-skill-and-knowhow/ドット絵の経歴と知見
aokashi
0
210
Where to Start with a Design System Across Different Frontend Frameworks | SpectrumTokyoMeetup#15
tararira
0
130
プロダクトデザインの「守破離」の「破」について
hayashirine
0
300
政策広報実践講座_講演資料ダイジェスト2
capitolthink
0
110
aya_murakami_portfolio
ayakaimi1101
0
1k
Managing Design Systems (Smashing NY 2024)
nathanacurtis
2
380
How to go from research data to insights?
mastervicedesign
0
210
急成長中のWINTICKETにおける ちいさくはじめるライティング改善 / winticket-writing
cyberagentdevelopers
PRO
1
250
プロダクトデザイナー視点から見た チームでの意思決定の難しさと 重要ポイント3点
kei141
0
590
241214_StackNagoya_プレイングマネージャーのプレイングの時間の使い方
kiyoshifuwa
0
200
Dive Deep into Communication
yomtsu
0
190
マンガで分かるサービスデザインガイドライン
senryakuka
0
410

Featured

See All Featured
Easily Structure & Communicate Ideas using Wireframe
afnizarnur
193
16k
Scaling GitHub
holman
459
140k
Bootstrapping a Software Product
garrettdimon
PRO
305
110k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
39
1.9k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
132
33k
Speed Design
sergeychernyshev
25
760
Fashionably flexible responsive web design (full day workshop)
malarkey
406
66k
Practical Orchestrator
shlominoach
186
10k
The Psychology of Web Performance [Beyond Tellerrand 2023]
tammyeverts
45
2.3k
jQuery: Nuts, Bolts and Bling
dougneiner
63
7.6k
Testing 201, or: Great Expectations
jmmastey
41
7.2k
How STYLIGHT went responsive
nonsquared
97
5.3k

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