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
18
Meeting Burnout by Leveraging Leadership - BrainStorm 2024
Avatar for Bob Martens boblmartens
0
49
Getting Work Done ... Together - 2023 LCC
Avatar for Bob Martens boblmartens
0
88
Getting Work Done ... Together - CACUBO 2023 Annual Conference
Avatar for Bob Martens boblmartens
0
61
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
93
The Potential Power of Team Chat
Avatar for Bob Martens boblmartens
0
90

Other Decks in Design

See All in Design
組織で取り組むアクセシビリティのはじめ方
Avatar for cawpea masakiohsumi
0
170
Yumika Yamada Portfolio
Avatar for Yumii yumii
0
1.3k
エンジニアでも捗る デザイナー的思考入門
Avatar for Tsubasa SEKIGUCHI tinykitten
1
1.2k
CMS管理画面のアクセシビリティ
Avatar for Rikiya Ihara / magi magi1125
8
2.4k
Building Experiences: Design Systems, User Experience, and Full Site Editing
Avatar for Michelle Schulp Hunt marktimemedia
0
180
AIを身近に感じるために、デザイナー全員で一つのサービスを使ってみた
Avatar for Saiko.T _psyc0_
0
280
minpaku-community-scrum-patterns
Avatar for Noriaki Kawanishi norinity1103
1
240
真・altはつけるだけじゃなくて -alt属性の考察 2025年版-
Avatar for Yu Morita securecat
5
1.6k
デザインシステムの「種」を使って、受託開発を加速させる
Avatar for akane akane___ui
0
11k
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない？というお話
Avatar for なつ iflection
6
2k
Memory Man v3 (WIP)
Avatar for Chad Welson storybychad
PRO
0
2.5k
デザイナー向けフライル説明資料
Avatar for Toshiaki Arai toshiblues
0
110

Featured

See All Featured
Become a Pro
Avatar for Speaker Deck speakerdeck
PRO
29
5.5k
Learning to Love Humans: Emotional Interface Design
Avatar for Aarron Walter aarron
273
40k
Fireside Chat
Avatar for paigeccino paigeccino
39
3.6k
10 Git Anti Patterns You Should be Aware of
Avatar for Lemi Orhan Ergin lemiorhan
PRO
656
61k
Practical Orchestrator
Avatar for Shlomi Noach shlominoach
190
11k
Why You Should Never Use an ORM
Avatar for John Nunemaker jnunemaker
PRO
59
9.5k
Into the Great Unknown - MozCon
Avatar for Noah Learner thekraken
40
2k
The Art of Programming - Codeland 2020
Avatar for Erika Heidi erikaheidi
55
13k
Performance Is Good for Brains [We Love Speed 2024]
Avatar for Tammy Everts tammyeverts
10
1k
[Rails World 2023 - Day 1 Closing Keynote] - The Magic of Rails
Avatar for Eileen M. Uchitelle eileencodes
36
2.5k
StorybookのUI Testing Handbookを読んだ
Avatar for Shingo Yamazaki zakiyama
30
6k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
70
11k

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