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
63
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
CursorでAI活用のナレッジベースを構築する
Avatar for 神崎 kanzaki
0
750
Goodpatch Tour💙 / We are hiring!
Avatar for Goodpatch Inc. goodpatch
31
900k
“ブロック”で作る、WordPress制作フロー変革のすすめ
Avatar for Koots koots2021
4
2k
【PoCで終わらない】運用フェーズまで見据えたAI駆動UIデザイン/フロントエンド開発実践
Avatar for 北見海貴 kitami
1
390
新しいデザインの難しさ（公開版） / Difficulties in the New Design (public ver.)
Avatar for usagimaru usagimaru
1
920
21 Ways to Call American Airlines Customer Care Full Guide USA
Avatar for Sonny americanhub
0
210
Designing User Experience through Interaction Design
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
410
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない？というお話
Avatar for なつ iflection
6
2.8k
デザインの意思決定を加速するワークショップ設計 / Workshop design to accelerate design decision-making
Avatar for LINEヤフーTech (LY Corporation Tech) lycorptech_jp
PRO
0
500
チームで事業価値を生み出す、プロアクティブなデザイナーになるための道のり/ Designship2025_Naya
Avatar for 株式会社ルート root_recruit
PRO
0
120
大きな変化の中で、わたしが向き合ったこと #もがく中堅デザイナー
Avatar for 弁護士ドットコム bengo4com
1
180
mento Design Team Portfolio
Avatar for mento _official mento0fficial
1
870

Featured

See All Featured
Bootstrapping a Software Product
Avatar for Garrett Dimon garrettdimon
PRO
307
110k
Fight the Zombie Pattern Library - RWD Summit 2016
Avatar for Marcelo Somers marcelosomers
234
17k
Making Projects Easy
Avatar for Brett Harned brettharned
119
6.4k
Music & Morning Musume
Avatar for Bryan Veloso bryan
46
6.8k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
49
14k
Optimising Largest Contentful Paint
Avatar for Harry Roberts csswizardry
37
3.4k
Unsuck your backbone
Avatar for Amy Palamountain ammeep
671
58k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
Avatar for Joe Casabona jcasabona
33
2.5k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
190
11k
Bash Introduction
Avatar for André Augusto Costa Santos 62gerente
615
210k
CSS Pre-Processors: Stylus, Less & Sass
Avatar for Bermon Painter bermonpainter
358
30k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
274
41k

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