Mobile First Responsive Web Design

Mobile First Responsive Design UIE Seminar Preview Jason Grigsby • @grigs http://www.ﬂickr.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-ﬁrst-responsive-web-design/

Two great tastes that taste great together.http://www.ﬂickr.com/photos/reway2007/6762976351/

But few people are doing it.http://www.ﬂickr.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-ﬁrst-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.ﬂickr.com/photos/beautyredeﬁned/2643858323/

http://www.ﬂickr.com/photos/puuikibeach/3654517679

http://www.ﬂickr.com/photos/drachmann/327122302/

http://www.ﬂickr.com/photos/68502717@N08/7155138495/

In this seminar you’ll learn5 key techniques for mobile ﬁrst responsive design

http://www.ﬂickr.com/photos/eole/3215868087/

Thank You!Special thanks to all of the Flickr users sharing under creative commons. Jason Grigsby • @grigs http://www.ﬂickr.com/photos/sualk61/4083223760/

http://www.uie.com	4820
http://blog.cloudfour.com	4518
http://eedev.uie.com	1730
http://uie.dev	474
http://aycl.uie.com	137
http://uiedev.local	111
http://feeds.feedburner.com	60
http://local.uie.com	58
http://source.davidbanthony.com	57
https://si0.twimg.com	21
http://aycl.local	13
https://twitter.com	11
http://stage.uie.com	9
http://aycl-new.dev	8
https://twimg0-a.akamaihd.net	7
http://translate.googleusercontent.com	6
http://www.twylah.com	5
http://tweetedtimes.com	4
http://tweets.caturani.com	4
http://twitter.com	2
http://seoautomated.com	2
http://www.tuicool.com	1
http://www.hanrss.com	1
http://charlesproxy.com	1
http://uie.com	1
http://eedev2.uie.com	1
http://cataalgarra.blogspot.com	1

Mobile First Responsive Web Design

by UIEpreviews on Aug 16, 2012

Accessibility

Categories

Upload Details

Usage Rights

27 Embeds 12,063

Statistics