Diese Präsentation wurde erfolgreich gemeldet.
Wir verwenden Ihre LinkedIn Profilangaben und Informationen zu Ihren Aktivitäten, um Anzeigen zu personalisieren und Ihnen relevantere Inhalte anzuzeigen. Sie können Ihre Anzeigeneinstellungen jederzeit ändern.

Responsive Design

1.283 Aufrufe

Veröffentlicht am

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

Veröffentlicht in: Technologie, Business
  • Als Erste(r) kommentieren

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

×