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
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
39
Meeting Burnout by Leveraging Leadership - BrainStorm 2024
Avatar for Bob Martens boblmartens
0
72
Getting Work Done ... Together - 2023 LCC
Avatar for Bob Martens boblmartens
0
120
Getting Work Done ... Together - CACUBO 2023 Annual Conference
Avatar for Bob Martens boblmartens
0
95
Leveraging Leadership for our Technology Teams
Avatar for Bob Martens boblmartens
0
190
Getting Work Done: The Six Types of Working Genius
Avatar for Bob Martens boblmartens
1
1.4k
Getting Work Done ... Together
Avatar for Bob Martens boblmartens
0
400
Communicate and Collaborate Using Team Chat
Avatar for Bob Martens boblmartens
1
120
The Potential Power of Team Chat
Avatar for Bob Martens boblmartens
0
120

Other Decks in Design

See All in Design
ポートフォリオ_あやの
Avatar for ayano ngyenmazt1412
0
1.5k
空間アプリ開発のフィードバックをCodexにするための抽象的なデザインツールの模索
Avatar for kazuhiro hara karad
0
180
改正JISを見据えた、企業のアクセシビリティ対応ロードマップ
Avatar for Yu Morita securecat
1
440
図面資産×AI 眠れる資産を起こす挑戦
Avatar for 青野正寛 aonomasahiro
0
220
開発・制作におけるUI・UXデザインの重要性について～UI・UXデザインってなんだろう～
Avatar for yomogi_sakura yamasaku
0
200
【CEDEC2026】派手さと見やすさは両立できる！『Shadowverse: Worlds Beyond』エフェクト・3D背景の超進化したビジュアル設計
Avatar for Cygames, Inc. cygames
PRO
1
1.7k
明日から真似できる、AIでデザインシステムを活用する方法
Avatar for viviON vivion
0
270
広い関与の可能性に どう向き合うのか？ 私たちは。｜Timee MarketingDesign 2026-06-18
Avatar for bebe bebe
0
790
(2026 AmA Keynote) Sociotechnical Architecture - Having your Agile and agility too.pdf
Avatar for xinyao xinyao
2
130
Signull 団体説明資料
Avatar for Signull signull
0
800
富山デザイン勉強会_プレゼンテーション.pdf
Avatar for keita keita_yoshikawa
0
130
タイル紹介サイト「タイルだもんで」
Avatar for しま calpin
0
180

Featured

See All Featured
How to train your dragon (web standard)
Avatar for Monica Dinculescu notwaldorf
97
6.8k
Darren the Foodie - Storyboard
Avatar for Kevinho.art khoart
PRO
3
3.8k
Measuring Dark Social's Impact On Conversion and Attribution
Avatar for Stephen Akadiri stephenakadiri
2
260
KATA
Avatar for Megan Lloyd mclloyd
PRO
35
15k
Claude Code のすすめ
Avatar for schroneko schroneko
67
230k
Utilizing Notion as your number one productivity tool
Avatar for Mfonobong Umondia mfonobong
4
560
The World Runs on Bad Software
Avatar for Brandon Keepers bkeepers
PRO
72
12k
Discover your Explorer Soul
Avatar for Emna emna__ayadi
2
1.3k
Statistics for Hackers
Avatar for Jake VanderPlas jakevdp
799
230k
Avoiding the “Bad Training, Faster” Trap in the Age of AI
Avatar for Mike Taylor tmiket
0
220
Java REST API Framework Comparison - PWX 2021
Avatar for Matt Raible mraible
34
9.7k
GraphQLの誤解/rethinking-graphql
Avatar for sonatard sonatard
75
12k

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