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
25
Meeting Burnout by Leveraging Leadership - BrainStorm 2024
Avatar for Bob Martens boblmartens
0
56
Getting Work Done ... Together - 2023 LCC
Avatar for Bob Martens boblmartens
0
95
Getting Work Done ... Together - CACUBO 2023 Annual Conference
Avatar for Bob Martens boblmartens
0
67
Leveraging Leadership for our Technology Teams
Avatar for Bob Martens boblmartens
0
150
Getting Work Done: The Six Types of Working Genius
Avatar for Bob Martens boblmartens
0
1.3k
Getting Work Done ... Together
Avatar for Bob Martens boblmartens
0
360
Communicate and Collaborate Using Team Chat
Avatar for Bob Martens boblmartens
1
100
The Potential Power of Team Chat
Avatar for Bob Martens boblmartens
0
96

Other Decks in Design

See All in Design
【MIXI MEETUP！ー TECH & DESIGN DAYー】【工数98%削減】Xでモンストを話題にせよ！生成AIの活用で日本トレンド6位を獲得した企画の設計&デザイン術
Avatar for MIXI DESIGN mixi_design
PRO
0
200
mount_company_profile
Avatar for mount inc. mount_inc
0
4.9k
「稼ぐ」だけでなく 「還す」ためのデザイン / Designship2025
Avatar for インクルーシブデザインスタジオCULUMU culumu
1
570
越境するデザイン人材：デザイナーが社会資本となる世界へ
Avatar for Goodpatch Inc. goodpatch
1
500
不確実性の時代にみんなで試したFigma × MCP × Cursor ハンズオン
Avatar for PERSOL CAREER Dev | techtekt techtekt
PRO
7
1.8k
CREATIVE CLASS受講課題｜無印良品を題材としたブランド再構築について
Avatar for satoshi kobayashi happy_ferret153
0
610
一次体験を起点にしたUX改善の取り組み / Direct Experience Driven UX Improvements
Avatar for 株式会社ビットキー / Bitkey Inc. bitkey
PRO
0
370
Crisp Code inc.｜ブランドガイドライン - Brand guidelines
Avatar for So Kotani / Crisp Code inc. CEO so_kotani
1
300
kintone_aroma
Avatar for kintone kintone
0
1.3k
生成AIの不確実性を価値に変える、「ビズリーチ」の体験設計 / KNOTS2026
Avatar for Visional Engineering ＆ Design visional_engineering_and_design
4
680
TWCP#21 UXデザインと哲学のはなし
Avatar for MAMIYA Shinsuke shinn
0
270
Vibe Coding デザインシステム
Avatar for poteboy poteboy
3
1.6k

Featured

See All Featured
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
57
14k
My Coaching Mixtape
Avatar for mlcsv mlcsv
0
48
Have SEOs Ruined the Internet? - User Awareness of SEO in 2025
Avatar for Akash Hashmi akashhashmi
0
270
Facilitating Awesome Meetings
Avatar for Lara Hogan lara
57
6.8k
No one is an island. Learnings from fostering a developers community.
Avatar for Antonio thoeni
21
3.6k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
191
11k
It's Worth the Effort
Avatar for 3n 3n
188
29k
State of Search Keynote: SEO is Dead Long Live SEO
Avatar for Ryan Jones ryanjones
0
120
Redefining SEO in the New Era of Traffic Generation
Avatar for Szymon szymonslowik
1
210
Reality Check: Gamification 10 Years Later
Avatar for Sebastian Deterding codingconduct
0
2k
We Are The Robots
Avatar for Honza Javorek honzajavorek
0
160
Navigating the Design Leadership Dip - Product Design Week Design Leaders+ Conference 2024
Avatar for Andy Polaine apolaine
0
180

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