Se ha denunciado esta presentación.
Utilizamos tu perfil de LinkedIn y tus datos de actividad para personalizar los anuncios y mostrarte publicidad más relevante. Puedes cambiar tus preferencias de publicidad en cualquier momento.

Responsive Design

1.280 visualizaciones

Publicado el

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

Publicado en: Tecnología, Empresariales
  • Sé el primero en comentar

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

×