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
55
Modern Technologies
tomclaus
2
350
Social Media
tomclaus
5
200
Responsive & Content
tomclaus
2
140
VikingSpots NG
tomclaus
1
77
Budget Travelling
tomclaus
3
120
Moderne Web Technologieën
tomclaus
1
89
Inventis Stages
tomclaus
1
74
HTML5 & CSS3
tomclaus
2
380
Other Decks in Education
See All in Education
2024年度秋学期 統計学 第12回 分布の平均を推測する - 区間推定 (2024. 12. 11)
akiraasano
PRO
0
120
世界の将来人口を誰でも語れるようになる
jo76shin
0
110
Human Perception and Colour Theory - Lecture 2 - Information Visualisation (4019538FNR)
signer
PRO
0
2.2k
BrightonSEO, San Diego, CA 2024
mchowning
0
120
【お子さま向け】Amazon ECS サービスディスカバリーって知ってる?【楽しい読み聞かせ】
tubone24
7
830
Introduction - Lecture 1 - Advanced Topics in Big Data (4023256FNR)
signer
PRO
1
1.7k
(説明資料)オンラインゆっくり相談室
ytapples613
PRO
0
140
Web Search and SEO - Lecture 10 - Web Technologies (1019888BNR)
signer
PRO
2
2.6k
Informasi Program Coding Camp 2025 powered by DBS Foundation
codingcamp2025
0
150
Ch4_-_Cours_2.pdf
bernhardsvt
0
130
Unraveling JavaScript Prototypes
debug_mode
0
140
中野区ミライ★ライター倶楽部presents『MINT』
nakamuramikumirai
0
640
Featured
See All Featured
Fontdeck: Realign not Redesign
paulrobertlloyd
82
5.4k
Facilitating Awesome Meetings
lara
51
6.2k
Sharpening the Axe: The Primacy of Toolmaking
bcantrill
40
2k
Writing Fast Ruby
sferik
628
61k
Into the Great Unknown - MozCon
thekraken
35
1.6k
Build The Right Thing And Hit Your Dates
maggiecrowley
34
2.5k
A designer walks into a library…
pauljervisheath
205
24k
Side Projects
sachag
452
42k
Bash Introduction
62gerente
610
210k
RailsConf & Balkan Ruby 2019: The Past, Present, and Future of Rails at GitHub
eileencodes
132
33k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
21
2.5k
The Web Performance Landscape in 2024 [PerfNow 2024]
tammyeverts
4
410
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