Responsive Design

1,229 views

Published on

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

Published in: Technology, Business
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
1,229
On SlideShare
0
From Embeds
0
Number of Embeds
16
Actions
Shares
0
Downloads
10
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • 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

    ×