Ce diaporama a bien été signalé.
Nous utilisons votre profil LinkedIn et vos données d’activité pour vous proposer des publicités personnalisées et pertinentes. Vous pouvez changer vos préférences de publicités à tout moment.

Responsive Design

1 281 vues

Publié le

Session on responsive design and mobile web trends at Barcamp Linz (Austria) with following discussion.

Publié dans : Technologie, Business
  • Soyez le premier à commenter

Responsive Design

  1. 1. Responsive Design about.me/markustripp @markustripp
  2. 2. aboutMarkus Tripp, 38, Salzburg, LinzSony, Netociety, Wikitude,Yasssu, Fabasoft
  3. 3. the boston globeDer Durchbruchhttp://www.bostonglobe.com
  4. 4. beginA LIST apart: May 25, 2010, Ethan Marcottehttp://www.alistapart.com/articles/responsive-web-design/
  5. 5. 320andupErstes Frameworkhttp://stuffandnonsense.co.uk/projects/320andup/
  6. 6. Simon CollisonFrühes Beispielhttp://colly.com/
  7. 7. A book aparthttp://www.abookapart.com/products/responsive-web-design
  8. 8. BeispieleUltimate Responsive Web Design Rounduphttp://www.webdesignerdepot.com/2011/09/the-ultimate-responsive-web-design-roundup/
  9. 9. konzepteCSS Media Queries, Flexible Grid, Images,Videos, ...
  10. 10. media queries@media only screen and (max-width: 980px) and (min-width: 500px) { body {background: black};}
  11. 11. flexible mediaBilderhttp://filamentgroup.com/examples/responsive-images/Videoshttp://webdesignerwall.com/demo/elastic-videos/Texthttp://fittextjs.com/
  12. 12. twitter bootstrapResponsive HTML5 User Interfacehttp://twitter.github.com/bootstrap/
  13. 13. m-trendsFlipboard iPhone, Google+native apps, mobile web,responsive design, mobile hybrid
  14. 14. FlipboardVideohttp://scobleizer.com/2011/12/12/viral-coefficients-store-feature-branding-influencers-cool-apps-on-ios-first/iPadhttp://www.youtube.com/watch?v=11pQ5sb5wME&t=6m30siPhonehttp://www.youtube.com/watch?v=11pQ5sb5wME&t=9m20s
  15. 15. Dankeabout.me/markustripp @markustripp

×