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
56
Modern Technologies
tomclaus
2
350
Social Media
tomclaus
5
200
Responsive & Content
tomclaus
2
140
VikingSpots NG
tomclaus
1
77
Budget Travelling
tomclaus
4
120
Moderne Web Technologieën
tomclaus
1
90
Inventis Stages
tomclaus
1
74
HTML5 & CSS3
tomclaus
2
390
Other Decks in Education
See All in Education
プログラミング教育する大学、ZEN大学
sifue
1
510
America and the World
oripsolob
0
500
Data Management and Analytics Specialisation
signer
PRO
0
1.4k
計算情報学研究室 (数理情報学第7研究室)紹介スライド (2025)
tomonatu8
0
430
著作権と授業に関する出前講習会/dme-2025-05-01
gnutar
0
190
郷土教育モデル事業(香川県小豆島町).pdf
bandg
0
170
Sponsor the Conference | VizChitra 2025
vizchitra
0
320
Virtual and Augmented Reality - Lecture 8 - Next Generation User Interfaces (4018166FNR)
signer
PRO
0
1.7k
IMU-00 Pi
kanaya
0
350
Webリテラシー基礎
takenawa
0
340
AIの時代こそ、考える知的学習術
yum3
2
140
Info Session MSc Computer Science & MSc Applied Informatics
signer
PRO
0
180
Featured
See All Featured
Side Projects
sachag
454
42k
ReactJS: Keep Simple. Everything can be a component!
pedronauck
667
120k
Evolution of real-time – Irina Nazarova, EuRuKo, 2024
irinanazarova
8
750
Visualization
eitanlees
146
16k
The Art of Delivering Value - GDevCon NA Keynote
reverentgeek
14
1.5k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
25
2.8k
StorybookのUI Testing Handbookを読んだ
zakiyama
30
5.8k
Building Adaptive Systems
keathley
41
2.6k
Code Review Best Practice
trishagee
68
18k
The Cult of Friendly URLs
andyhume
78
6.4k
Intergalactic Javascript Robots from Outer Space
tanoku
271
27k
KATA
mclloyd
29
14k
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