×
  • Partagez
  • E-mail
  • Intégrer
  • J'aime
  • Télécharger
  • Contenu privé
 

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

par Group Leader Developer Relations sur Opera Software on Jun 01, 2012

  • 107,768 vues

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.

Statistiques

Vues

Total des vues
107,768
Vues sur SlideShare
24,459
Vues externes
83,309

Actions

J'aime
129
Téléchargements
969
Commentaires
1

143 Ajouts 83,309

http://speckyboy.com 77507
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 50
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
Plus...

Accessibilité

Catégories

Détails de l'import

Importé via SlideShare au format Adobe PDF

Droits d'utilisation

Attribution licence CC

Report content

Signalé comme inapproprié Signaler comme inapproprié
Signaler comme inapproprié

Select your reason for flagging this presentation as inappropriate.

Annuler

11 sur 1 précédent suivant

Poster un commentaire
Modifier votre commentaire

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