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
Responsive Webdesign
Search
Tom Claus
January 12, 2013
Education
4
230
Responsive Webdesign
Responsive Webdesign presentation at KHLim on 11 january 2013
Tom Claus
January 12, 2013
Tweet
Share
More Decks by Tom Claus
See All by Tom Claus
Infosessions testgroup - New Platform
tomclaus
0
58
Modern Technologies
tomclaus
2
360
Social Media
tomclaus
5
210
Responsive & Content
tomclaus
2
150
VikingSpots NG
tomclaus
1
80
Budget Travelling
tomclaus
4
120
Moderne Web Technologieën
tomclaus
1
92
Inventis Stages
tomclaus
1
76
HTML5 & CSS3
tomclaus
2
390
Other Decks in Education
See All in Education
日本の情報系社会人院生のリアル -JAIST 修士編-
yurikomium
1
130
”育てる”から”育つ”仕組みへ!スクラムによる新入社員教育
arapon
0
160
令和政経義塾第2期説明会
nxji
0
240
今の私を形作る4つの要素と偶然の出会い(セレンディピティ)
mamohacy
2
100
質のよいアウトプットをできるようになるために~「読む・聞く、まとめる、言葉にする」を読んで~
amarelo_n24
0
260
[FUN Open Campus 2025] 何でもセンシングしていいですか?
pman0214
0
240
Transición del Management al Neuromanagement
jvpcubias
0
240
2026 g0v 零時政府年會啟動提案 / g0v Summit 2026 Kickstart
rschiang
0
330
理想の英語力に一直線!最高効率な英語学習のすゝめ
logica0419
6
420
尊敬語「くださる」と謙譲語「いただく」の使い分け
hysmrk
0
100
20250611_なんでもCopilot1年続いたぞ~
ponponmikankan
0
200
DIP_1_Introduction
hachama
0
190
Featured
See All Featured
What's in a price? How to price your products and services
michaelherold
246
12k
Designing Dashboards & Data Visualisations in Web Apps
destraynor
231
53k
Cheating the UX When There Is Nothing More to Optimize - PixelPioneers
stephaniewalter
285
14k
Six Lessons from altMBA
skipperchong
28
4k
Fashionably flexible responsive web design (full day workshop)
malarkey
407
66k
Gamification - CAS2011
davidbonilla
81
5.5k
Java REST API Framework Comparison - PWX 2021
mraible
33
8.8k
Automating Front-end Workflow
addyosmani
1371
200k
Context Engineering - Making Every Token Count
addyosmani
5
210
Helping Users Find Their Own Way: Creating Modern Search Experiences
danielanewman
30
2.9k
The Cult of Friendly URLs
andyhume
79
6.6k
Building Better People: How to give real-time feedback that sticks.
wjessup
368
20k
Transcript
Responsive
None
None
The future of Mobile
The number of people using the web on mobile devices
is set to surpass desktop by 2015
None
None
None
None
Mobile should never be an afterthought
Separate mobile websites
None
None
Not a solution!
Separate mobile applications
None
(some cases) A possible solution
Responsive webdesign
None
None
None
None
None
http://mediaqueri.es
Become responsive!
1. Adaptive Grids, Images & Media 2. Media Queries 3.
Testing, Crying & Tweaking 4. ??? 5. Profit
Grids
None
None
None
None
None
None
CSS Frameworks
None
None
None
Video Solutions
None
None
None
None
max-width: 100% Flexible Media
Adaptive Images
EDGE is the new dial-up
None
None
None
None
Network Link conditioner
ViewPort
None
None
None
None
None
None
None
None
None
None
None
MediaQueries
None
None
None
None
None
None
Mobile First
1. Default browser style 2. Desktop CSS 3. Tablet CSS
4. Mobile CSS Desktop first (mobile)
1. Default browser style 2. Mobile CSS Mobile first (mobile)
1. Default browser style 2. Mobile CSS 3. Tablet CSS
Mobile first (tablet)
1. Default browser style 2. Mobile CSS 3. Tablet CSS
4. Desktop CSS Mobile first (desktop)
Crying / Testing
None
None
None
None
None