Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.

Responsive Design

1,278 views

Published on

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

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

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

×