1. Responsive design
Par Thibaut Baillet
thibaut-baillet.com
@bailletthibaut
vendredi 1 juillet 2011

2. Ex : cuisinekawai.fr
thibaut-baillet.com
@bailletthibaut
vendredi 1 juillet 2011

3. Technique
• URL unique
• HTML5 & CSS3 (media queries)
thibaut-baillet.com
@bailletthibaut
vendredi 1 juillet 2011

4. Ex : thibaut-baillet.com
thibaut-baillet.com
@bailletthibaut
vendredi 1 juillet 2011

5. Technique
• URL unique
• jQuery Mobile (chargé en JS)
thibaut-baillet.com
@bailletthibaut
vendredi 1 juillet 2011

6. Media Queries
@media screen and (max-width:480px){
/*code */
}
thibaut-baillet.com
@bailletthibaut
vendredi 1 juillet 2011

7. Inspirations http://mediaqueri.es/
thibaut-baillet.com
@bailletthibaut
vendredi 1 juillet 2011

8. Ressource
Media queries : http://www.alsacreations.com/article/lire/930-css3-media-queries.html
jQuery Mobile : http://goo.gl/rKqow
thibaut-baillet.com
@bailletthibaut
vendredi 1 juillet 2011

9. Workshop
thibaut-baillet.com
@bailletthibaut
vendredi 1 juillet 2011