{"id":1055,"date":"2011-01-29T15:56:59","date_gmt":"2011-01-29T19:56:59","guid":{"rendered":"http:\/\/blogs.law.harvard.edu\/lianaleahy\/?p=1055"},"modified":"2011-01-31T11:03:18","modified_gmt":"2011-01-31T15:03:18","slug":"responsive-web-design","status":"publish","type":"post","link":"https:\/\/archive.blogs.harvard.edu\/lianaleahy\/2011\/01\/29\/responsive-web-design\/","title":{"rendered":"She\u2019s Geeky: Responsive Web Design"},"content":{"rendered":"<p>She&#8217;s Geeky session on how to use CSS3 to swap out CSS files that change your layout based on the resolution of your browser. \u00a0Wildly important when you want your site available to mobile and tablet technologies.<\/p>\n<p>It&#8217;s all about the <strong>media<\/strong> property!<\/p>\n<p>&lt;link rel=&#8221;stylesheet&#8221; href=&#8221;&#8221;smartphone.css&#8221; media=&#8221;only screen and (min-device-width : 320px) and (max-device-width : 480px)&#8221;&gt;<\/p>\n<p>Here are some important links for more info:<\/p>\n<p><a href=\"http:\/\/www.alistapart.com\/articles\/responsive-web-design\/\">A List Apart, Responsive Web Design<\/a><\/p>\n<p><!-- p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; font: 13.0px Arial; color: #1636ee} p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; font: 13.0px Arial; min-height: 15.0px} span.s1 {text-decoration: underline} span.s2 {color: #000000} --><a href=\"http:\/\/960.gs\/\">960.gs<\/a><\/p>\n<p><a href=\"http:\/\/desandro.com\/resources\/jquery-masonry\/\">JQuery Masonry plugin is a layout plugin<\/a><\/p>\n<p><a href=\"http:\/\/matthewjamestaylor.com\/blog\/holy-grail-liquid-layout-no-quirks-mode\">Matthew\u00a0James Taylor<\/a><\/p>\n<p><a href=\"http:\/\/stuffandnonsense.co.uk\/blog\/about\/hardboiled_css3_media_queries\">HardBoiled CSS3 Media Queries<\/a><\/p>\n","protected":false},"excerpt":{"rendered":"<p>She&#8217;s Geeky session on how to use CSS3 to swap out CSS files that change your layout based on the resolution of your browser. \u00a0Wildly important when you want your site available to mobile and tablet technologies. It&#8217;s all about the media property! &lt;link rel=&#8221;stylesheet&#8221; href=&#8221;&#8221;smartphone.css&#8221; media=&#8221;only screen and (min-device-width : 320px) and (max-device-width : [&hellip;]<\/p>\n","protected":false},"author":1911,"featured_media":0,"comment_status":"open","ping_status":"open","sticky":false,"template":"","format":"standard","meta":{"_jetpack_newsletter_access":"","_jetpack_dont_email_post_to_subs":false,"_jetpack_newsletter_tier_id":0,"_jetpack_memberships_contains_paywalled_content":false,"_jetpack_memberships_contains_paid_content":false,"footnotes":""},"categories":[2850,19562],"tags":[],"class_list":["post-1055","post","type-post","status-publish","format-standard","hentry","category-professional","category-shes-geeky"],"jetpack_featured_media_url":"","jetpack_sharing_enabled":true,"_links":{"self":[{"href":"https:\/\/archive.blogs.harvard.edu\/lianaleahy\/wp-json\/wp\/v2\/posts\/1055","targetHints":{"allow":["GET"]}}],"collection":[{"href":"https:\/\/archive.blogs.harvard.edu\/lianaleahy\/wp-json\/wp\/v2\/posts"}],"about":[{"href":"https:\/\/archive.blogs.harvard.edu\/lianaleahy\/wp-json\/wp\/v2\/types\/post"}],"author":[{"embeddable":true,"href":"https:\/\/archive.blogs.harvard.edu\/lianaleahy\/wp-json\/wp\/v2\/users\/1911"}],"replies":[{"embeddable":true,"href":"https:\/\/archive.blogs.harvard.edu\/lianaleahy\/wp-json\/wp\/v2\/comments?post=1055"}],"version-history":[{"count":7,"href":"https:\/\/archive.blogs.harvard.edu\/lianaleahy\/wp-json\/wp\/v2\/posts\/1055\/revisions"}],"predecessor-version":[{"id":1074,"href":"https:\/\/archive.blogs.harvard.edu\/lianaleahy\/wp-json\/wp\/v2\/posts\/1055\/revisions\/1074"}],"wp:attachment":[{"href":"https:\/\/archive.blogs.harvard.edu\/lianaleahy\/wp-json\/wp\/v2\/media?parent=1055"}],"wp:term":[{"taxonomy":"category","embeddable":true,"href":"https:\/\/archive.blogs.harvard.edu\/lianaleahy\/wp-json\/wp\/v2\/categories?post=1055"},{"taxonomy":"post_tag","embeddable":true,"href":"https:\/\/archive.blogs.harvard.edu\/lianaleahy\/wp-json\/wp\/v2\/tags?post=1055"}],"curies":[{"name":"wp","href":"https:\/\/api.w.org\/{rel}","templated":true}]}}