Mobile First Responsive Web Design
Upcoming SlideShare
Loading in...5
×
 

Like this? Share it with your network

Share

Mobile First Responsive Web Design

on

  • 20,339 views

 

Statistics

Views

Total Views
20,339
Views on SlideShare
7,409
Embed Views
12,930

Actions

Likes
10
Downloads
66
Comments
1

29 Embeds 12,930

http://www.uie.com 5473
http://blog.cloudfour.com 4693
http://eedev.uie.com 1730
http://uie.dev 474
http://aycl.uie.com 150
http://uiedev.local 111
http://feeds.feedburner.com 60
http://source.davidbanthony.com 58
http://local.uie.com 58
https://si0.twimg.com 21
http://stg.uie.com 13
http://aycl.local 13
https://twitter.com 12
http://stage.uie.com 10
http://aycl-new.dev 8
http://translate.googleusercontent.com 8
http://uie.com 7
https://twimg0-a.akamaihd.net 7
http://www.twylah.com 5
http://tweetedtimes.com 4
http://tweets.caturani.com 4
http://seoautomated.com 2
http://aycl.dev 2
http://twitter.com 2
http://cataalgarra.blogspot.com 1
http://www.tuicool.com 1
http://www.hanrss.com 1
http://eedev2.uie.com 1
http://charlesproxy.com 1
More...

Accessibility

Categories

Upload Details

Uploaded via as Adobe PDF

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…
  • Creator Shadow is the most professional and affordable web development & design company. World's best Intuitive web site interfaces and user-friendliness are the hallmark of our company.Responsive Web Design
    Are you sure you want to
    Your message goes here
    Processing…
Post Comment
Edit your comment

Mobile First Responsive Web Design Presentation Transcript

  • 1. Mobile First Responsive Design UIE Seminar Preview Jason Grigsby • @grigs http://www.flickr.com/photos/stuart-dootson/4024407198
  • 2. So you already knowResponsiveWeb Design
  • 3. And you’ve probably heard of…MobileFirst
  • 4. So what’s the big deal? Mobile First Responsive Web Design http://bradfrostweb.com/blog/web/mobile-first-responsive-web-design/
  • 5. Two great tastes that taste great together.http://www.flickr.com/photos/reway2007/6762976351/
  • 6. But few people are doing it.http://www.flickr.com/photos/kalexanderson/5421517469/
  • 7. Where are the Mobile First RWDs? 106 sites from mediaqueri.es tested 9% 4% 25% 21% 4% 38% Mobile is Larger Same Size Less than 10% Savings 11 to 50% Savings 51% to 100% Savings Greater than 100% Savingshttp://blog.cloudfour.com/where-are-the-mobile-first-responsive-web-designs/
  • 8. Guy Podjarny repeated the experiment a year later. 347 sites from mediaqueri.es tested 3% 11% 86% Same size A bit smaller Much smaller A bit smaller = 50%-90% the size Much smaller = <50% the size http://www.slideshare.net/guypod/performance-implications-of-mobile-design
  • 9. http://www.flickr.com/photos/beautyredefined/2643858323/
  • 10. http://www.flickr.com/photos/puuikibeach/3654517679
  • 11. http://www.flickr.com/photos/drachmann/327122302/
  • 12. http://www.flickr.com/photos/68502717@N08/7155138495/
  • 13. In this seminar you’ll learn5 key techniques for mobile first responsive design
  • 14. http://www.flickr.com/photos/eole/3215868087/
  • 15. Thank You!Special thanks to all of the Flickr users sharing under creative commons. Jason Grigsby • @grigs http://www.flickr.com/photos/sualk61/4083223760/