Responsive design

609 views

Published on

Published in: Technology, Business
  • Be the first to comment

Responsive design

  1. 1. Responsive design Par Thibaut Baillet thibaut-baillet.com @bailletthibautvendredi 1 juillet 2011
  2. 2. Ex : cuisinekawai.fr thibaut-baillet.com @bailletthibautvendredi 1 juillet 2011
  3. 3. Technique • URL unique • HTML5 & CSS3 (media queries) thibaut-baillet.com @bailletthibautvendredi 1 juillet 2011
  4. 4. Ex : thibaut-baillet.com thibaut-baillet.com @bailletthibautvendredi 1 juillet 2011
  5. 5. Technique • URL unique • jQuery Mobile (chargé en JS) thibaut-baillet.com @bailletthibautvendredi 1 juillet 2011
  6. 6. Media Queries @media screen and (max-width:480px){ /*code */ } thibaut-baillet.com @bailletthibautvendredi 1 juillet 2011
  7. 7. Inspirations http://mediaqueri.es/ thibaut-baillet.com @bailletthibautvendredi 1 juillet 2011
  8. 8. Ressource Media queries : http://www.alsacreations.com/article/lire/930-css3-media-queries.html jQuery Mobile : http://goo.gl/rKqow thibaut-baillet.com @bailletthibautvendredi 1 juillet 2011
  9. 9. Workshop thibaut-baillet.com @bailletthibautvendredi 1 juillet 2011

×