<?xml version="1.0" encoding="UTF-8"?>
 <rdf:RDF xmlns="http://purl.org/rss/1.0/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://web.resource.org/cc/" xmlns:syn="http://purl.org/rss/1.0/modules/syndication/" xmlns:admin="http://webns.net/mvcb/">
  <channel rdf:about="http://pinboard.in">
    <title>Pinboard (sunpig)</title>
    <link>https://pinboard.in/u:sunpig/public/</link>
    <description>recent bookmarks from sunpig</description>
    <items>
      <rdf:Seq>	<rdf:li rdf:resource="http://simurai.com/post/30451824480/media-query-splitting"/>
	<rdf:li rdf:resource="http://css-tricks.com/enquire-js-media-query-callbacks-in-javascript/"/>
	<rdf:li rdf:resource="http://filamentgroup.com/lab/how_we_learned_to_leave_body_font_size_alone/"/>
	<rdf:li rdf:resource="https://speakerdeck.com/u/grigs/p/performance-implications-of-responsive-design"/>
	<rdf:li rdf:resource="http://my.opera.com/ODIN/blog/2009/10/12/how-media-queries-allow-you-to-optimize-svg-icons-for-several-sizes"/>
	<rdf:li rdf:resource="http://timkadlec.com/2012/04/media-query-asset-downloading-results/"/>
	<rdf:li rdf:resource="http://blog.cloudfour.com/the-ems-have-it-proportional-media-queries-ftw/"/>
	<rdf:li rdf:resource="http://designshack.net/articles/css/sass-and-media-queries-what-you-can-and-cant-do/"/>
	<rdf:li rdf:resource="http://lists.w3.org/Archives/Public/www-style/2012Feb/1103.html"/>
	<rdf:li rdf:resource="http://filamentgroup.com/lab/responsive_design_approach_for_navigation/"/>
	<rdf:li rdf:resource="http://www.lukew.com/ff/entry.asp?1514"/>
	<rdf:li rdf:resource="http://jeffcroft.com/blog/2012/mar/02/implementing-responsive-design/"/>
	<rdf:li rdf:resource="http://stephanierieger.com/on-designing-content-out-a-response-to-zeldman-and-others/"/>
	<rdf:li rdf:resource="http://www.jordesign.com/blog/responsive-breakpoints-from-the-content-out/"/>
	<rdf:li rdf:resource="http://designshack.net/articles/css/responsive-design-why-youre-doing-it-wrong/"/>
	<rdf:li rdf:resource="http://bradfrostweb.com/blog/web/responsive-nav-patterns/"/>
	<rdf:li rdf:resource="http://zomigi.com/blog/essential-considerations-for-crafting-quality-media-queries/"/>
	<rdf:li rdf:resource="http://www.quirksmode.org/blog/archives/2010/08/combining_media.html"/>
	<rdf:li rdf:resource="http://trentwalton.com/2012/02/02/redefined/"/>
	<rdf:li rdf:resource="http://designbycode.tumblr.com/post/1127120282/pixel-perfect-android-web-ui"/>
	<rdf:li rdf:resource="http://www.cloudfour.com/examples/mediaqueries/image-test/"/>
	<rdf:li rdf:resource="http://www.html5rocks.com/mobile/mobifying.html"/>
	<rdf:li rdf:resource="http://thomasmaier.me/2010/03/howto-css-for-the-ipad/"/>
	<rdf:li rdf:resource="http://www.alistapart.com/articles/responsive-web-design/"/>
	<rdf:li rdf:resource="http://www.slideshare.net/maxdesign/css3-media-queries"/>
      </rdf:Seq>
    </items>
  </channel><item rdf:about="http://simurai.com/post/30451824480/media-query-splitting">
    <title>Media Query splitting | simurai</title>
    <dc:date>2012-09-28T11:42:56+00:00</dc:date>
    <link>http://simurai.com/post/30451824480/media-query-splitting</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA["When Media Queries got introduced and people started out with Responsive Web Design, I used to overwrite my Desktop styles to make it fit on Mobile. Later I shifted to “Mobile first” where you start out with the Mobile styles and overwrite them for Desktop sizes. But on a recent project I’ve started using a different approach by splitting the styles instead of overwriting them. It goes something like this:"]]></description>
<dc:subject>css design responsive mq mediaquery viewport rwd webdev frontend</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:7d6711b7ddd3/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:responsive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:mq"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:mediaquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:viewport"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:rwd"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://css-tricks.com/enquire-js-media-query-callbacks-in-javascript/">
    <title>Enquire.js - Media Query Callbacks in JavaScript | CSS-Tricks</title>
    <dc:date>2012-09-05T07:51:07+00:00</dc:date>
    <link>http://css-tricks.com/enquire-js-media-query-callbacks-in-javascript/</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA["Enquire.js is a lightweight, pure JavaScript library for handling media queries. It is less than 1kb when GZIP'd and minified, and has absolutely no dependencies. Yup, you read that right - no dependencies, not even jQuery! The most you will have to do is provide a matchMedia polyfill if you wish to support browsers without a native implementation."]]></description>
<dc:subject>js javascript enquire mediaquery register listen rwd responsive match</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:80da59461194/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:js"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:enquire"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:mediaquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:register"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:listen"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:rwd"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:responsive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:match"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://filamentgroup.com/lab/how_we_learned_to_leave_body_font_size_alone/">
    <title>How we learned to leave default font-size alone and embrace the em | Filament Group, Inc., Boston, MA</title>
    <dc:date>2012-07-19T06:40:54+00:00</dc:date>
    <link>http://filamentgroup.com/lab/how_we_learned_to_leave_body_font_size_alone/</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA["Building with em units in CSS brings benefits in flexibility to users and developers alike, but working with ems can be tedious for a number of reasons. Most famously, the value of 1em only vaguely correlates to pixel-based design; the inconvenience of translating fixed design comps into flexible CSS units has long driven web designers to declare a global font-size to make that math a bit easier to manage. But using contemporary responsive design principles is convincing us to leave global font-size alone and embrace the standard em."]]></description>
<dc:subject>filamentgroup frontend webdev em css pixel size font dimension browser width mediaquery media html design</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:34f396977637/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:filamentgroup"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:em"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:pixel"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:size"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:font"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:dimension"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:browser"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:width"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:mediaquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:media"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:design"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://speakerdeck.com/u/grigs/p/performance-implications-of-responsive-design">
    <title>Performance Implications of Responsive Design // Speaker Deck</title>
    <dc:date>2012-06-27T11:19:29+00:00</dc:date>
    <link>https://speakerdeck.com/u/grigs/p/performance-implications-of-responsive-design</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA[Good slide deck by @grigs: "Performance Implications of Responsive Design" ]]></description>
<dc:subject>grigs jasongrigxby cloudfour responsive design development rwd mediaquery image size performance download http slide</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:bceaf114bc3e/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:grigs"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:jasongrigxby"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:cloudfour"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:responsive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:development"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:rwd"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:mediaquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:image"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:size"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:performance"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:download"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:http"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:slide"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://my.opera.com/ODIN/blog/2009/10/12/how-media-queries-allow-you-to-optimize-svg-icons-for-several-sizes">
    <title>Opera Developer News - How media queries allow you to optimize SVG icons for several sizes</title>
    <dc:date>2012-04-24T17:59:46+00:00</dc:date>
    <link>http://my.opera.com/ODIN/blog/2009/10/12/how-media-queries-allow-you-to-optimize-svg-icons-for-several-sizes</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA[One thing that seems to come up from time to time when talking about SVG is the apparent lack of a mechanism to make certain size specific adjustments. Typical use case is icon design, where you want to make sure the outline of the icon you're creating is always 1px, regardless of the icon being 16, 32 or 64 pixels in size. While at the SVG Open conference last week, I investigated how this problem could be solved, and found out that you can do this by using media queries inside the SVG file. Different widths set on the img tag pointing to the SVG file then will trigger different max-width/min-width media queries to be triggered. I've presented my findings during the lightning talks session at SVG Open, and have turned the talk into a YouTube video, which you can watch below. ]]></description>
<dc:subject>andreasbovens opera svg mediaquery media query design responsive layout mobile</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:6849bc4167ad/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:andreasbovens"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:opera"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:svg"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:mediaquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:media"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:query"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:responsive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:mobile"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://timkadlec.com/2012/04/media-query-asset-downloading-results/">
    <title>Media Query &amp; Asset Downloading Results | TimKadlec.com</title>
    <dc:date>2012-04-11T09:11:23+00:00</dc:date>
    <link>http://timkadlec.com/2012/04/media-query-asset-downloading-results/</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA[If you’re going to hide a content image, you’re not going to be able to do it by setting display:none. I recommend using a Javascript or server-side based approach instead.

If you want to hide a background image, your best bet is to hide the parent element. If you can’t do that, then use a cascade override (like test five above) and set the background-image to none when you want it hidden.

For swapping background images, define them both inside of media queries.]]></description>
<dc:subject>timkadlec mediaquery screen image responsive css html frontend optimization</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:278165f933e4/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:timkadlec"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:mediaquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:screen"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:image"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:responsive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:optimization"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://blog.cloudfour.com/the-ems-have-it-proportional-media-queries-ftw/">
    <title>» The EMs have it: Proportional Media Queries FTW! Cloud Four Blog</title>
    <dc:date>2012-03-29T15:46:24+00:00</dc:date>
    <link>http://blog.cloudfour.com/the-ems-have-it-proportional-media-queries-ftw/</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA[RT @lyzadanger: Oops. I just blogged on @cloudfour again, this time about em-based media queries: ]]></description>
<dc:subject>mobile em media query mediaquery responsive width layout zoom css design frontend webdev lyzagardner cloudfour</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:ab93b44811df/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:mobile"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:em"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:media"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:query"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:mediaquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:responsive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:width"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:zoom"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:lyzagardner"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:cloudfour"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://designshack.net/articles/css/sass-and-media-queries-what-you-can-and-cant-do/">
    <title>Sass and Media Queries: What You Can and Can’t Do | Design Shack</title>
    <dc:date>2012-03-21T18:07:53+00:00</dc:date>
    <link>http://designshack.net/articles/css/sass-and-media-queries-what-you-can-and-cant-do/</link>
    <dc:creator>sunpig</dc:creator><dc:subject>css sass media query mediaquery preprocessor webdev frontend</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:0160f08942eb/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:sass"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:media"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:query"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:mediaquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:preprocessor"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://lists.w3.org/Archives/Public/www-style/2012Feb/1103.html">
    <title>[css4-images] The image-set() function (for responsive images) from Edward O'Connor on 2012-02-22 (www-style@w3.org from February 2012)</title>
    <dc:date>2012-03-16T08:00:24+00:00</dc:date>
    <link>http://lists.w3.org/Archives/Public/www-style/2012Feb/1103.html</link>
    <dc:creator>sunpig</dc:creator><dc:subject>css image image-set responsive resolution mediaquery apple proposal</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:f9308dd837cb/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:image"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:image-set"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:responsive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:resolution"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:mediaquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:apple"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:proposal"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://filamentgroup.com/lab/responsive_design_approach_for_navigation/">
    <title>A Responsive Design Approach for Navigation, Part 1 | Filament Group, Inc., Boston, MA</title>
    <dc:date>2012-03-14T18:24:52+00:00</dc:date>
    <link>http://filamentgroup.com/lab/responsive_design_approach_for_navigation/</link>
    <dc:creator>sunpig</dc:creator><dc:subject>filament group rwd responsive adaptive layout navigation design pattern web mobile viewport mediaquery css html javascript frontend</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:7e3af4fd3c1f/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:filament"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:group"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:rwd"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:responsive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:adaptive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:navigation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:pattern"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:web"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:mobile"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:viewport"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:mediaquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.lukew.com/ff/entry.asp?1514">
    <title>LukeW | Multi-Device Layout Patterns</title>
    <dc:date>2012-03-14T17:32:34+00:00</dc:date>
    <link>http://www.lukew.com/ff/entry.asp?1514</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA[Through fluid grids and media query adjustments, responsive design enables Web page layouts to adapt to a variety of screen sizes. As more designers embrace this technique, we're not only seeing a lot of innovation but the emergence of clear patterns as well. I cataloged what seem to be the most popular of these patterns for adaptable multi-device layouts.]]></description>
<dc:subject>lukew responsive adaptive layout linear column navigation design css mediaquery pattern</dc:subject>
<dc:source>https://twitter.com/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:a469cf023af0/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:lukew"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:responsive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:adaptive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:linear"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:column"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:navigation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:mediaquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:pattern"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://jeffcroft.com/blog/2012/mar/02/implementing-responsive-design/">
    <title>How I'm implementing Responsive Web Design – JeffCroft.com</title>
    <dc:date>2012-03-05T21:53:08+00:00</dc:date>
    <link>http://jeffcroft.com/blog/2012/mar/02/implementing-responsive-design/</link>
    <dc:creator>sunpig</dc:creator><dc:subject>jeffcroft adaptive responsive media query mediaquery sass css preparser webdev design</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:f028934ad584/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:jeffcroft"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:adaptive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:responsive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:media"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:query"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:mediaquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:sass"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:preparser"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:design"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://stephanierieger.com/on-designing-content-out-a-response-to-zeldman-and-others/">
    <title>On designing content-out (a response to Zeldman and others) | Stephanie Rieger</title>
    <dc:date>2012-02-29T16:36:54+00:00</dc:date>
    <link>http://stephanierieger.com/on-designing-content-out-a-response-to-zeldman-and-others/</link>
    <dc:creator>sunpig</dc:creator><dc:subject>stephanierieger yiibu content zeldman responsive adaptive width breakpoint media mediaquery design capability feature css webdev frontent</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:15c7a763829b/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:stephanierieger"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:yiibu"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:content"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:zeldman"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:responsive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:adaptive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:width"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:breakpoint"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:media"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:mediaquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:capability"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:feature"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontent"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.jordesign.com/blog/responsive-breakpoints-from-the-content-out/">
    <title>Responsive Breakpoints from the Content Out | jordesign.com</title>
    <dc:date>2012-02-29T16:35:23+00:00</dc:date>
    <link>http://www.jordesign.com/blog/responsive-breakpoints-from-the-content-out/</link>
    <dc:creator>sunpig</dc:creator><dc:subject>design content width breakpoint css layout media mediaquery responsive adaptive</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:3be6e6dc7a2e/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:content"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:width"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:breakpoint"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:media"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:mediaquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:responsive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:adaptive"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://designshack.net/articles/css/responsive-design-why-youre-doing-it-wrong/">
    <title>Responsive Design: Why You’re Doing It Wrong | Design Shack</title>
    <dc:date>2012-02-29T16:34:07+00:00</dc:date>
    <link>http://designshack.net/articles/css/responsive-design-why-youre-doing-it-wrong/</link>
    <dc:creator>sunpig</dc:creator><dc:subject>content responsive adaptive layout design webdev frontend css mediaquery media width breakpoint</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:650d0b721d59/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:content"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:responsive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:adaptive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:mediaquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:media"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:width"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:breakpoint"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://bradfrostweb.com/blog/web/responsive-nav-patterns/">
    <title>Responsive Navigation Patterns | Brad Frost Web</title>
    <dc:date>2012-02-24T20:39:47+00:00</dc:date>
    <link>http://bradfrostweb.com/blog/web/responsive-nav-patterns/</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA[RT @brad_frost: Responsive Navigation Patterns:  an in-depth look into responsive web design navigation techniques]]></description>
<dc:subject>bradfrost mobile web navigation pattern desktop responsive adaptive width mediaquery adjust webdev frontend</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:b67fb842234e/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:bradfrost"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:mobile"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:web"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:navigation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:pattern"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:desktop"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:responsive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:adaptive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:width"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:mediaquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:adjust"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://zomigi.com/blog/essential-considerations-for-crafting-quality-media-queries/">
    <title>zomigi.com » Essential considerations for crafting quality media queries</title>
    <dc:date>2012-02-03T13:36:18+00:00</dc:date>
    <link>http://zomigi.com/blog/essential-considerations-for-crafting-quality-media-queries/</link>
    <dc:creator>sunpig</dc:creator><dc:subject>zomigi media query mediaquery responsive adaptive design layout capability feature detect css css3 webdev</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:72f43cbfea14/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:zomigi"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:media"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:query"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:mediaquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:responsive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:adaptive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:capability"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:feature"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:detect"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.quirksmode.org/blog/archives/2010/08/combining_media.html">
    <title>Combining media queries and JavaScript - QuirksBlog</title>
    <dc:date>2012-02-03T06:57:57+00:00</dc:date>
    <link>http://www.quirksmode.org/blog/archives/2010/08/combining_media.html</link>
    <dc:creator>sunpig</dc:creator><dc:subject>ppk mobile js javascript css media query mediaquery web webdev width devicewith screen size</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:f7389a6e5116/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:ppk"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:mobile"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:js"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:media"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:query"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:mediaquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:web"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:width"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:devicewith"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:screen"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:size"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://trentwalton.com/2012/02/02/redefined/">
    <title>Redefined | Trent Walton</title>
    <dc:date>2012-02-02T20:29:54+00:00</dc:date>
    <link>http://trentwalton.com/2012/02/02/redefined/</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA[RT @brad_frost: "The largest and most exciting part of the design process now happens in the browser"  great read by ...]]></description>
<dc:subject>trentwalton responsive adaptive design pixel proportion layout mediaquery webdev html css</dc:subject>
<dc:source>https://twitter.com/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:0aa2bc7cff76/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:trentwalton"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:responsive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:adaptive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:pixel"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:proportion"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:mediaquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://designbycode.tumblr.com/post/1127120282/pixel-perfect-android-web-ui">
    <title>Design by Code - Pixel-perfect Android web UIs</title>
    <dc:date>2011-12-08T20:49:31+00:00</dc:date>
    <link>http://designbycode.tumblr.com/post/1127120282/pixel-perfect-android-web-ui</link>
    <dc:creator>sunpig</dc:creator><dc:subject>android css3 design mobile webdesign webdev css scale ratio pixel dpi density @media mediaquery</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:10c88a64c770/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:android"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:mobile"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:scale"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:ratio"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:pixel"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:dpi"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:density"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:@media"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:mediaquery"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.cloudfour.com/examples/mediaqueries/image-test/">
    <title>Media Query Test</title>
    <dc:date>2011-04-04T08:48:20+00:00</dc:date>
    <link>http://www.cloudfour.com/examples/mediaqueries/image-test/</link>
    <dc:creator>sunpig</dc:creator><dc:subject>css css3 image mediaquery media query mediaqueries mobile download iphone size small device screen bandwidth cloudfour</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:34b5e4087e41/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:image"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:mediaquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:media"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:query"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:mediaqueries"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:mobile"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:download"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:iphone"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:size"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:small"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:device"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:screen"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:bandwidth"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:cloudfour"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.html5rocks.com/mobile/mobifying.html">
    <title>HTML5 Rocks - &quot;Mobifying&quot; Your HTML5 Site</title>
    <dc:date>2011-03-05T10:53:45+00:00</dc:date>
    <link>http://www.html5rocks.com/mobile/mobifying.html</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA[@alanramsay ]]></description>
<dc:subject>html5 mobile mediaquery media query css css3 desing layout viewport</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:2d3b08163dec/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:html5"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:mobile"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:mediaquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:media"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:query"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:desing"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:viewport"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://thomasmaier.me/2010/03/howto-css-for-the-ipad/">
    <title>HOWTO: CSS for the iPad [Update] « Thomas Maier – web &amp; communication designer</title>
    <dc:date>2010-07-07T21:28:46+00:00</dc:date>
    <link>http://thomasmaier.me/2010/03/howto-css-for-the-ipad/</link>
    <dc:creator>sunpig</dc:creator><dc:subject>css ipad target webdev html web xbrowser mediaquery css3</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:35ebaca36529/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:ipad"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:target"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:web"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:xbrowser"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:mediaquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:css3"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.alistapart.com/articles/responsive-web-design/">
    <title>A List Apart: Articles: Responsive Web Design</title>
    <dc:date>2010-05-30T14:39:43+00:00</dc:date>
    <link>http://www.alistapart.com/articles/responsive-web-design/</link>
    <dc:creator>sunpig</dc:creator><dc:subject>ala alistapart ethanmarcotte unstoppablerobotninja design webdesign webdev css css3 media mediaquery layout flexible fluid responsive web support mobile</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:27a823ca3275/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:ala"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:alistapart"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:ethanmarcotte"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:unstoppablerobotninja"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:media"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:mediaquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:flexible"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:fluid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:responsive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:web"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:support"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:mobile"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.slideshare.net/maxdesign/css3-media-queries">
    <title>CSS3 Media Queries</title>
    <dc:date>2010-05-30T09:46:48+00:00</dc:date>
    <link>http://www.slideshare.net/maxdesign/css3-media-queries</link>
    <dc:creator>sunpig</dc:creator><dc:subject>russweakley css css3 media query type mediaquery import html xml webdev webdesign layout formfactor handheld width</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:3c362c5a49e2/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:russweakley"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:media"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:query"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:type"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:mediaquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:import"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:xml"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:formfactor"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:handheld"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:width"/>
</rdf:Bag></taxo:topics>
</item>
</rdf:RDF>