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
62
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
デザイナーがはばたく未来の入り口『hatch』が描く、新しいデザイナー育成のカタチ
goodpatch
1
260
AI時代に、僕たちデザイナーはどう歩むか
kazuhirokimura
0
400
Spectrum Tokyo_ デザイナーが事業責任者になってみた
shin_2
0
150
SAMSUL KAMAR ABDUL RAHMAN
samsulrahman32
0
170
CursorでAI活用のナレッジベースを構築する
kanzaki
0
750
Ana Cortes Visual Development Portfolio 2025
haruanleb
0
120
7 Core Values of Round-L
wired888
0
2.2k
大きな変化の中で、わたしが向き合ったこと #もがく中堅デザイナー
bengo4com
1
150
Findyのプロデチームの 歩みとこれから
satty9556
0
290
デザイナー向けフライル説明資料
toshiblues
0
160
Portfolio 齋藤明敏 Hiroyuki Saito
crearedesign
0
110
デフォルトの16:9(960*540px)のケース / Google Slide Size Test
arthur1
0
3.5k
Featured
See All Featured
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
15
1.7k
Connecting the Dots Between Site Speed, User Experience & Your Business [WebExpo 2025]
tammyeverts
9
580
How to Ace a Technical Interview
jacobian
280
24k
Making the Leap to Tech Lead
cromwellryan
135
9.6k
Learning to Love Humans: Emotional Interface Design
aarron
274
41k
Building an army of robots
kneath
306
46k
Designing Experiences People Love
moore
142
24k
Unsuck your backbone
ammeep
671
58k
Responsive Adventures: Dirty Tricks From The Dark Corners of Front-End
smashingmag
252
21k
Improving Core Web Vitals using Speculation Rules API
sergeychernyshev
19
1.2k
Faster Mobile Websites
deanohume
310
31k
StorybookのUI Testing Handbookを読んだ
zakiyama
31
6.2k
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