Your SlideShare is downloading. ×
0
Responsive design
Responsive design
Responsive design
Responsive design
Responsive design
Responsive design
Responsive design
Responsive design
Responsive design
Upcoming SlideShare
Loading in...5
×

Thanks for flagging this SlideShare!

Oops! An error has occurred.

×
Saving this for later? Get the SlideShare app to save on your phone or tablet. Read anywhere, anytime – even offline.
Text the download link to your phone
Standard text messaging rates apply

Responsive design

498

Published on

Published in: Technology, Business
0 Comments
2 Likes
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total Views
498
On Slideshare
0
From Embeds
0
Number of Embeds
0
Actions
Shares
0
Downloads
6
Comments
0
Likes
2
Embeds 0
No embeds

Report content
Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
No notes for slide

Transcript

  • 1. Responsive design Par Thibaut Baillet thibaut-baillet.com @bailletthibautvendredi 1 juillet 2011
  • 2. Ex : cuisinekawai.fr thibaut-baillet.com @bailletthibautvendredi 1 juillet 2011
  • 3. Technique • URL unique • HTML5 & CSS3 (media queries) thibaut-baillet.com @bailletthibautvendredi 1 juillet 2011
  • 4. Ex : thibaut-baillet.com thibaut-baillet.com @bailletthibautvendredi 1 juillet 2011
  • 5. Technique • URL unique • jQuery Mobile (chargé en JS) thibaut-baillet.com @bailletthibautvendredi 1 juillet 2011
  • 6. Media Queries @media screen and (max-width:480px){ /*code */ } thibaut-baillet.com @bailletthibautvendredi 1 juillet 2011
  • 7. Inspirations http://mediaqueri.es/ thibaut-baillet.com @bailletthibautvendredi 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 @bailletthibautvendredi 1 juillet 2011
  • 9. Workshop thibaut-baillet.com @bailletthibautvendredi 1 juillet 2011

×