SlideShare is now on Android. 15 million presentations at your fingertips.  Get the app

×
  • Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
 

Responsive design: techniques and tricks to prepare your websites for the multi-screen future

by Group Leader Developer Relations at Opera Software on Jun 01, 2012

  • 107,636 views

Websites are viewed on all kinds of devices, in all kinds of browsers. In this presentation, I explain how you can adapt your site to these different environments, using modern browser hooks and ...

Websites are viewed on all kinds of devices, in all kinds of browsers. In this presentation, I explain how you can adapt your site to these different environments, using modern browser hooks and techniques.

I cover the various aspects (and some gotchas) of the viewport mechanism and media queries, and shed a light on how new CSS3 properties allow you to optimize images and videos for multiple screens.

Statistics

Views

Total Views
107,636
Views on SlideShare
24,431
Embed Views
83,205

Actions

Likes
129
Downloads
766
Comments
1

143 Embeds 83,205

http://speckyboy.com 77404
http://codevisually.com 1318
http://www.scoop.it 566
http://businesswebworld.blogspot.com 536
http://www.twylah.com 506
http://gerris.it 411
http://www.iphone-entreprise.com 292
http://nordev.ru 188
http://businesswebworld.blogspot.in 122
http://www.goke.me 103
http://businesswebworld.blogspot.de 88
http://feeds.feedburner.com 79
http://webdesigsrilankan.blogspot.com 76
http://vine.wholefoods.com 71
http://translate.googleusercontent.com 59
http://www.webcatal.com 58
http://businesswebworld.blogspot.co.uk 56
http://businesswebworld.blogspot.fr 52
http://internetwebsitedesign.biz 51
http://businesswebworld.blogspot.ca 50
http://businesswebworld.blogspot.it 49
http://lanyrd.com 46
http://businesswebworld.blogspot.com.br 42
http://businesswebworld.blogspot.nl 37
https://ybanking.jira.com 37
http://businesswebworld.blogspot.com.es 35
http://browserfame.tumblr.com 33
http://helpstring.wordpress.com 32
http://usabilityandwebdes.collected.info 28
http://webdesigner.collected.info 28
http://businesswebworld.blogspot.com.au 28
http://webdesignerblogs.collected.info 26
http://businesswebworld.blogspot.ru 25
http://businesswebworld.blogspot.no 22
http://www.cs.ubbcluj.ro 22
http://businesswebworld.blogspot.kr 20
https://si0.twimg.com 20
http://businesswebworld.blogspot.mx 20
http://minitoy.tistory.com 19
http://blog.gaborit-d.com 18
https://twitter.com 18
http://localhost 18
http://webdesigsrilankan.blogspot.in 17
http://socialink.tumblr.com 15
http://blog.pheromonic.com 15
http://sprk.collected.info 15
http://webcache.googleusercontent.com 14
http://businesswebworld.blogspot.com.ar 14
http://pinterest.com 13
http://businesswebworld.blogspot.hk 13
More...

Accessibility

Categories

Upload Details

Uploaded via SlideShare as Adobe PDF

Usage Rights

CC Attribution License

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel

11 of 1 previous next

Post Comment
Edit your comment

Responsive design: techniques and tricks to prepare your websites for the multi-screen future Responsive design: techniques and tricks to prepare your websites for the multi-screen future Presentation Transcript