• Share
  • Email
  • Embed
  • Like
  • Save
  • Private Content
Mobile First Responsive Web Design
 

Mobile First Responsive Web Design

on

  • 20,105 views

 

Statistics

Views

Total Views
20,105
Views on SlideShare
7,215
Embed Views
12,890

Actions

Likes
10
Downloads
65
Comments
1

29 Embeds 12,890

http://www.uie.com 5473
http://blog.cloudfour.com 4666
http://eedev.uie.com 1730
http://uie.dev 474
http://aycl.uie.com 149
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://aycl.local 13
https://twitter.com 12
http://stage.uie.com 10
http://translate.googleusercontent.com 8
http://aycl-new.dev 8
https://twimg0-a.akamaihd.net 7
http://uie.com 7
http://www.twylah.com 5
http://tweets.caturani.com 4
http://tweetedtimes.com 4
http://seoautomated.com 2
http://aycl.dev 2
http://twitter.com 2
http://eedev2.uie.com 1
http://cataalgarra.blogspot.com 1
http://www.hanrss.com 1
http://charlesproxy.com 1
http://www.tuicool.com 1
http://stg.uie.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

11 of 1 previous next

  • 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 Mobile First Responsive Web Design Presentation Transcript

    • Mobile First Responsive Design UIE Seminar Preview Jason Grigsby • @grigs http://www.flickr.com/photos/stuart-dootson/4024407198
    • So you already knowResponsiveWeb Design
    • And you’ve probably heard of…MobileFirst
    • So what’s the big deal? Mobile First Responsive Web Design http://bradfrostweb.com/blog/web/mobile-first-responsive-web-design/
    • Two great tastes that taste great together.http://www.flickr.com/photos/reway2007/6762976351/
    • But few people are doing it.http://www.flickr.com/photos/kalexanderson/5421517469/
    • 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/
    • 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
    • http://www.flickr.com/photos/beautyredefined/2643858323/
    • http://www.flickr.com/photos/puuikibeach/3654517679
    • http://www.flickr.com/photos/drachmann/327122302/
    • http://www.flickr.com/photos/68502717@N08/7155138495/
    • In this seminar you’ll learn5 key techniques for mobile first responsive design
    • http://www.flickr.com/photos/eole/3215868087/
    • Thank You!Special thanks to all of the Flickr users sharing under creative commons. Jason Grigsby • @grigs http://www.flickr.com/photos/sualk61/4083223760/