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
Education-JAWS #3 ~教育現場に、AWSのチカラを~
masakiokuda
0
160
新卒研修に仕掛ける 学びのサイクル / Implementing Learning Cycles in New Graduate Training
takashi_toyosaki
1
140
ふりかえり研修2025
pokotyamu
0
1.1k
2025年度春学期 統計学 第5回 分布をまとめるー記述統計量(平均・分散など) (2025. 5. 8)
akiraasano
PRO
0
110
ビジネスモデル理解
takenawa
0
4.2k
小さなチャレンジが生んだチームの大きな変化 -私のふりかえり探求の原点
callas1900
0
520
IMU-00 Pi
kanaya
0
360
Tangible, Embedded and Embodied Interaction - Lecture 7 - Next Generation User Interfaces (4018166FNR)
signer
PRO
0
1.7k
Info Session MSc Computer Science & MSc Applied Informatics
signer
PRO
0
180
Design Guidelines and Principles - Lecture 7 - Information Visualisation (4019538FNR)
signer
PRO
0
2.4k
サンキッズゾーン 春日井駅前 ご案内
sanyohomes
0
290
社外コミュニティと「学び」を考える
alchemy1115
2
160
Featured
See All Featured
Large-scale JavaScript Application Architecture
addyosmani
512
110k
Raft: Consensus for Rubyists
vanstee
140
7k
KATA
mclloyd
29
14k
Building Better People: How to give real-time feedback that sticks.
wjessup
367
19k
How to train your dragon (web standard)
notwaldorf
92
6.1k
Why Our Code Smells
bkeepers
PRO
337
57k
実際に使うSQLの書き方 徹底解説 / pgcon21j-tutorial
soudai
PRO
181
53k
Bash Introduction
62gerente
614
210k
Building Adaptive Systems
keathley
43
2.6k
Balancing Empowerment & Direction
lara
1
350
Thoughts on Productivity
jonyablonski
69
4.7k
The Myth of the Modular Monolith - Day 2 Keynote - Rails World 2024
eileencodes
26
2.8k
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