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

The Web's Present Future

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
StartDesignEngineering
Avatar for uchiyama886 uchiyama886
1
150
開閉UIのアニメーション設計
Avatar for hiro hiro0218
2
1.1k
HeartLanguage - DesignProcess
Avatar for HeartLanguage heartlanguage
0
200
設計の進め方と 品質特性品質特性
Avatar for harachan harakeishi
0
1.4k
Decksh keywords
Avatar for Anthony Starks ajstarks
0
140
みんながデザインを担う組織へ。急加速する開発組織でのデザイナーの戦略
Avatar for Takeru Mukai mukai_takeru
0
290
Bet AI Day 2026丨デザインハーネス：専門職の判断基準をコードのように運用する
Avatar for LayerX layerx
PRO
6
7.2k
[Unity] VAT×VFX Graphがいま個人的にアツイという話
Avatar for sakiama sakiyama
0
120
【Designship2026】「社内受託中心部署」から、事業とカルチャーを動かすデザイン組織へ
Avatar for sugiyama sugiyama_sukedachi
0
120
インターンから2年 新卒フロントエンドエンジニアから見た サイボウズのアクセシビリティ
Avatar for tak taku10101
0
180
技術に明るくない人が技術を選ぶために
Avatar for moco moco1013
0
140
もっともらしさ生成器と暮らす – AI懐疑派の試行錯誤
Avatar for sekig(ojiee) sekiguchiy
0
200

Featured

See All Featured
Collaborative Software Design: How to facilitate domain modelling decisions
Avatar for Kenny Baas-Schwegler baasie
1
340
Building an army of robots
Avatar for Kyle Neath kneath
307
47k
Kristin Tynski - Automating Marketing Tasks With AI
Avatar for Tech SEO Connect techseoconnect
PRO
0
540
Between Models and Reality
Avatar for mayunak mayunak
4
490
Leo the Paperboy
Avatar for Maya Tellez mayatellez
10
2.4k
Chrome DevTools: State of the Union 2024 - Debugging React & Beyond
Avatar for Addy Osmani addyosmani
10
1.4k
How to Get Subject Matter Experts Bought In and Actively Contributing to SEO & PR Initiatives.
Avatar for Liv Day livdayseo
0
210
世界の人気アプリ100個を分析して見えたペイウォール設計の心得
Avatar for Akihiro Kokubo akihiro_kokubo
PRO
74
42k
svc-hook: hooking system calls on ARM64 by binary rewriting
Avatar for Akira Moroo retrage
2
620
Code Reviewing Like a Champion
Avatar for maltzj maltzj
529
40k
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
12k
16th Malabo Montpellier Forum Presentation
Avatar for AKADEMIYA2063 akademiya2063
PRO
0
400

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