She’s Geeky: Responsive Web Design
January 29th, 2011
She’s Geeky session on how to use CSS3 to swap out CSS files that change your layout based on the resolution of your browser. Wildly important when you want your site available to mobile and tablet technologies.
It’s all about the media property!
<link rel=”stylesheet” href=””smartphone.css” media=”only screen and (min-device-width : 320px) and (max-device-width : 480px)”>
Here are some important links for more info:
A List Apart, Responsive Web Design
JQuery Masonry plugin is a layout plugin
Entry Filed under: Professional,She's Geeky
Leave a Comment
Some HTML allowed:
<a href="" title=""> <abbr title=""> <acronym title=""> <b> <blockquote cite=""> <cite> <code> <del datetime=""> <em> <i> <q cite=""> <s> <strike> <strong>