Upgrade to Pro
— share decks privately, control downloads, hide ads and more …
Speaker Deck
Features
Speaker Deck
PRO
Sign in
Sign up for free
Search
Search
The Web's Present Future
Search
Bob Martens
November 14, 2011
Design
2
220
The Web's Present Future
A quick look at Responsive Web Design.
Bob Martens
November 14, 2011
Tweet
Share
More Decks by Bob Martens
See All by Bob Martens
Meeting Burnout by Leveraging Leadership - 2024 MPCC CIO Gathering
boblmartens
0
19
Meeting Burnout by Leveraging Leadership - BrainStorm 2024
boblmartens
0
50
Getting Work Done ... Together - 2023 LCC
boblmartens
0
89
Getting Work Done ... Together - CACUBO 2023 Annual Conference
boblmartens
0
63
Leveraging Leadership for our Technology Teams
boblmartens
0
140
Getting Work Done: The Six Types of Working Genius
boblmartens
0
1.2k
Getting Work Done ... Together
boblmartens
0
350
Communicate and Collaborate Using Team Chat
boblmartens
1
94
The Potential Power of Team Chat
boblmartens
0
92
Other Decks in Design
See All in Design
CursorでAI活用のナレッジベースを構築する
kanzaki
0
750
Goodpatch Tour💙 / We are hiring!
goodpatch
31
900k
“ブロック”で作る、WordPress制作フロー変革のすすめ
koots2021
4
2k
【PoCで終わらない】運用フェーズまで見据えたAI駆動UIデザイン/フロントエンド開発実践
kitami
1
390
新しいデザインの難しさ(公開版) / Difficulties in the New Design (public ver.)
usagimaru
1
920
21 Ways to Call American Airlines Customer Care Full Guide USA
americanhub
0
210
Designing User Experience through Interaction Design
lycorptech_jp
PRO
0
410
オルタナUX | AIで高速化するのもいいけど品質も大事なんじゃない?というお話
iflection
6
2.8k
デザインの意思決定を加速するワークショップ設計 / Workshop design to accelerate design decision-making
lycorptech_jp
PRO
0
500
チームで事業価値を生み出す、プロアクティブなデザイナーになるための道のり/ Designship2025_Naya
root_recruit
PRO
0
120
大きな変化の中で、わたしが向き合ったこと #もがく中堅デザイナー
bengo4com
1
180
mento Design Team Portfolio
mento0fficial
1
870
Featured
See All Featured
Bootstrapping a Software Product
garrettdimon
PRO
307
110k
Fight the Zombie Pattern Library - RWD Summit 2016
marcelosomers
234
17k
Making Projects Easy
brettharned
119
6.4k
Music & Morning Musume
bryan
46
6.8k
GraphQLとの向き合い方2022年版
quramy
49
14k
Optimising Largest Contentful Paint
csswizardry
37
3.4k
Unsuck your backbone
ammeep
671
58k
I Don’t Have Time: Getting Over the Fear to Launch Your Podcast
jcasabona
33
2.5k
Practical Orchestrator
shlominoach
190
11k
Bash Introduction
62gerente
615
210k
CSS Pre-Processors: Stylus, Less & Sass
bermonpainter
358
30k
Learning to Love Humans: Emotional Interface Design
aarron
274
41k
Transcript
Hi. My name is Bob Martens
None
THE WEB’S PRESENT FUTURE
RESPONSIVE WEB DESIGN
Image courtesy of A Book Apart
WHAT HAPPENED!?
None
None
None
None
RESPONSIVE WEB MONKEYS!? What is Responsive Web Design?
1.Flexible, grid-based layout 2.Flexible images and media 3.Media queries
A flexible, grid-based layout
Flexible images and media
Media queries
Show us the good stuff!
BUT ... INTERNET EXPLORER! What can we do today?
WHICH WAY TO SCOTLAND? The Future
“Responsive images” Or ... “you don’t want to serve 10
MB image files to people using cell towers for the internet”
Lots and lots of experimentation http://mediaqueri.es
Lots and lots of experimentation Honestly, I’m not kidding here.
IN CLOSING Um ...
Thank You http://bobmartens.net