8. 46%
of population has access
to a mobile phone (of any kind)
http://www.economist.com/blogs/babbage/2012/10/global-mobile-usage?fsrc=scn/tw_ec/sim_earth
http://www.flickr.com/photos/captain_die/7697183522/
9. 1,083
billion of smartphones
used worldwide
http://www.lukew.com/ff/entry.asp?1644
http://www.flickr.com/photos/lng0004/7881151510/
26. 3
steps
towards ``````````````````
responsive website
27. 1. Media Queries
<meta name="viewport"
content="width=device-width, initial-scale=1.0">
@media screen and (min-width: 50em) {
article {
float::left;
}
}
28. @media
only screen and (-webkit-min-device-pixel-ratio: 1.5),
only screen and (-o-min-device-pixel-ratio: 3/2),
only screen and (min--moz-device-pixel-ratio: 1.5),
only screen and (min-device-pixel-ratio: 1.5) {
/* CSS styles */
}
Detecting high density displays
53. …Learn more
Books:
WEB: @rwd, http://mobile.smashingmagazine.com
http://bradfrost.github.com/this-is-responsive/
54. Thanks!
Q&A
Wojtek Zając (@theanxy)
http://www.slideshare.net/wojciechzajac
This work is licensed
under a Creative
Commons Attribution
3.0 Unported License