• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Responsive Design
 

Responsive Design

on

  • 1,179 views

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

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

Statistics

Views

Total Views
1,179
Views on SlideShare
1,167
Embed Views
12

Actions

Likes
1
Downloads
8
Comments
0

2 Embeds 12

http://lanyrd.com 10
http://a0.twimg.com 2

Accessibility

Upload Details

Uploaded via as Apple Keynote

Usage Rights

© All Rights Reserved

Report content

Flagged as inappropriate Flag as inappropriate
Flag as inappropriate

Select your reason for flagging this presentation as inappropriate.

Cancel
  • Full Name Full Name Comment goes here.
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n
  • \n

Responsive Design Responsive Design Presentation Transcript

  • Responsive Design about.me/markustripp @markustripp
  • aboutMarkus Tripp, 38, Salzburg, LinzSony, Netociety, Wikitude,Yasssu, Fabasoft
  • the boston globeDer Durchbruchhttp://www.bostonglobe.com
  • beginA LIST apart: May 25, 2010, Ethan Marcottehttp://www.alistapart.com/articles/responsive-web-design/
  • 320andupErstes Frameworkhttp://stuffandnonsense.co.uk/projects/320andup/
  • Simon CollisonFrühes Beispielhttp://colly.com/
  • A book aparthttp://www.abookapart.com/products/responsive-web-design
  • BeispieleUltimate Responsive Web Design Rounduphttp://www.webdesignerdepot.com/2011/09/the-ultimate-responsive-web-design-roundup/
  • konzepteCSS Media Queries, Flexible Grid, Images,Videos, ...
  • media queries@media only screen and (max-width: 980px) and (min-width: 500px) { body {background: black};}
  • flexible mediaBilderhttp://filamentgroup.com/examples/responsive-images/Videoshttp://webdesignerwall.com/demo/elastic-videos/Texthttp://fittextjs.com/
  • twitter bootstrapResponsive HTML5 User Interfacehttp://twitter.github.com/bootstrap/
  • m-trendsFlipboard iPhone, Google+native apps, mobile web,responsive design, mobile hybrid
  • 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
  • Dankeabout.me/markustripp @markustripp