Upgrade to Pro — share decks privately, control downloads, hide ads and more …
Sign up for free

The Web's Present Future

Sponsored · Ship Features Fearlessly Turn features on and off without deploys. Used by thousands of Ruby developers. →
Avatar for Bob Martens Bob Martens
November 14, 2011
Design
240
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
42
Meeting Burnout by Leveraging Leadership - BrainStorm 2024
Avatar for Bob Martens boblmartens
0
75
Getting Work Done ... Together - 2023 LCC
Avatar for Bob Martens boblmartens
0
130
Getting Work Done ... Together - CACUBO 2023 Annual Conference
Avatar for Bob Martens boblmartens
0
100
Leveraging Leadership for our Technology Teams
Avatar for Bob Martens boblmartens
0
200
Getting Work Done: The Six Types of Working Genius
Avatar for Bob Martens boblmartens
1
1.5k
Getting Work Done ... Together
Avatar for Bob Martens boblmartens
0
420
Communicate and Collaborate Using Team Chat
Avatar for Bob Martens boblmartens
1
130
The Potential Power of Team Chat
Avatar for Bob Martens boblmartens
0
120

Other Decks in Design

See All in Design
このスロップ時代に良きデザインをつくるには？ / good-design-in-the-slop-era
Avatar for こぎそ / Shinichi Kogiso kgsi
1
1.1k
プレゼンスライド作成で意識していること
Avatar for きみちゃん kimichan
0
140
20260802東京都市大学オープンキャンパス授業
Avatar for Kimura Atsunobu a2k
0
110
【2026】ポートフォリオ_大坪明日香
Avatar for tsubo52 tsubo52
0
130
MUUUUU.ORG 協賛バナーのご案内
Avatar for クオートワークス quoitworks999
0
420
Jun Wei | Information Design & Presentation Portfolio
Avatar for Wong Jun Wei wjw100788
PRO
0
160
1000人規模の組織でデザインハーネスを導入するための第一歩
Avatar for PKSHA Technology（パークシャテクノロジー） pkshadeck
PRO
5
4.4k
エンジニアでも捗る デザイナー的思考入門(bitA Edit 新ver)
Avatar for Tsubasa SEKIGUCHI tinykitten
1
640
デザインハーネスをつくるハーネス｜誰でも自社らしいデザインをつくれるようにする仕組み
Avatar for Akari Katakai katakai
0
1.4k
Findy - デザインチーム紹介 / Findy Design Team Culture Deck
Avatar for Findy findyinc
14
150k
Typographie et intégration web
Avatar for Raphael Goetter goetter
0
170
Basket_of_love.pdf
Avatar for Terence Basart terencebasart
0
360

Featured

See All Featured
SEOcharity - Dark patterns in SEO and UX: How to avoid them and build a more ethical web
Avatar for Sara Fernández Carmona sarafernandez
0
300
Odyssey Design
Avatar for Ryan Kendrick rkendrick25
PRO
2
870
GitHub's CSS Performance
Avatar for Jon Rohan jonrohan
1033
470k
GraphQLとの向き合い方2022年版
Avatar for Yosuke Kurami quramy
50
15k
CoffeeScript is Beautiful & I Never Want to Write Plain JavaScript Again
Avatar for Sam Stephenson sstephenson
162
16k
A better future with KSS
Avatar for Kyle Neath kneath
240
18k
Being A Developer After 40
Avatar for Adrian Kosmaczewski akosma
92
590k
The Cost Of JavaScript in 2023
Avatar for Addy Osmani addyosmani
55
10k
Darren the Foodie - Storyboard
Avatar for Kevinho.art khoart
PRO
4
4k
Helping Users Find Their Own Way: Creating Modern Search Experiences
Avatar for Dan Newman danielanewman
31
3.4k
Between Models and Reality
Avatar for mayunak mayunak
4
500
The Curse of the Amulet
Avatar for Matthew Lei leimatthew05
3
16k

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