O slideshow foi denunciado.
Utilizamos seu perfil e dados de atividades no LinkedIn para personalizar e exibir anúncios mais relevantes. Altere suas preferências de anúncios quando desejar.

Responsive Design

1.282 visualizações

Publicada em

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

Publicada em: Tecnologia, Negócios
  • Seja o primeiro a 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

×