<?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://tympanus.net/codrops/2014/08/19/making-svgs-responsive-with-css/"/>
	<rdf:li rdf:resource="http://www.barrelny.com/blog/text-align-justify-and-rwd/"/>
	<rdf:li rdf:resource="http://ericportis.com/posts/2013/scalables/"/>
	<rdf:li rdf:resource="http://fsm.bdconf.com/blog/how-cnet-australia-tackled-responsive-advertising"/>
	<rdf:li rdf:resource="http://www.slideshare.net/dmolsenwvu/everything-you-know-is-not-quite-right-anymore-rethinking-best-practices-to-respond-to-the-future"/>
	<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://m.netmagazine.com/tutorials/build-smart-mobile-navigation-without-hacks"/>
	<rdf:li rdf:resource="http://twitter.com/StuRobson/status/218431761812701184/photo/1"/>
	<rdf:li rdf:resource="https://speakerdeck.com/u/grigs/p/performance-implications-of-responsive-design"/>
	<rdf:li rdf:resource="http://dev.opera.com/articles/view/responsive-images-problem/"/>
	<rdf:li rdf:resource="http://www.alistapart.com/articles/responsive-images-and-web-standards-at-the-turning-point/"/>
	<rdf:li rdf:resource="http://m.bbc.co.uk/news"/>
	<rdf:li rdf:resource="http://filamentgroup.com/lab/responsive_design_approach_for_navigation/"/>
	<rdf:li rdf:resource="http://designshack.net/articles/css/mobilefirst/"/>
	<rdf:li rdf:resource="http://www.greenbelt.org.uk/"/>
	<rdf:li rdf:resource="http://www.cloudfour.com/responsive-web-design-business-challenges/"/>
	<rdf:li rdf:resource="http://adactio.com/journal/4997/"/>
      </rdf:Seq>
    </items>
  </channel><item rdf:about="http://tympanus.net/codrops/2014/08/19/making-svgs-responsive-with-css/">
    <title>Making SVGs Responsive with CSS</title>
    <dc:date>2014-09-02T17:30:38+00:00</dc:date>
    <link>http://tympanus.net/codrops/2014/08/19/making-svgs-responsive-with-css/</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA["Conceptually, making an SVG scale as its container scales should be as simple as removing any fixed height and/or width, and specifying a viewBox attribute value. However, due to different browser implementations and inconsistencies, the web isn’t all ponies and rainbows, and making SVGs fluid isn’t quite that straightforward, because the way browsers determine the dimensions of an SVG when embedded in different ways isn’t consistent across all of them."]]></description>
<dc:subject>css svg rwd responsive design webdev frontend</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:dcd2a30538f5/</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:svg"/>
	<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:design"/>
	<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://www.barrelny.com/blog/text-align-justify-and-rwd/">
    <title>BARREL | Text-align: Justify and RWD</title>
    <dc:date>2013-06-05T19:22:46+00:00</dc:date>
    <link>http://www.barrelny.com/blog/text-align-justify-and-rwd/</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA["Thinking about how “justified” text in Microsoft Word fills the entire width of the line by creating even word spacing, I wondered if the same principle could be applied to a menu of text links in HTML. Knowing that ‘text-align: justify’ was a long established CSS property (the descendent of HTML 4  attribute align=”justify”), I did some Googling for answers."]]></description>
<dc:subject>css fluid grid responsive rwd text-align justify</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:20fcbb0d6e8e/</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:fluid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:grid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:responsive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:rwd"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:text-align"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:justify"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://ericportis.com/posts/2013/scalables/">
    <title>Scalable Bitmaps</title>
    <dc:date>2013-05-15T20:15:30+00:00</dc:date>
    <link>http://ericportis.com/posts/2013/scalables/</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA["For over a year now I’ve been keeping an eye on the ongoing responsive images debates & thinking about how images can, do, and should “work” on the web. I’ve written some words on the subject here and there; I’ve recently put some code out into the world that embodies those thoughts: scalables.js."]]></description>
<dc:subject>retina front-end rwd responsive scalable bitmap graphic image size resolution display</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:cc37883be738/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:retina"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:front-end"/>
	<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:scalable"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:bitmap"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:graphic"/>
	<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:resolution"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:display"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://fsm.bdconf.com/blog/how-cnet-australia-tackled-responsive-advertising">
    <title> How CNET Australia Tackled Responsive Advertising | Fresh Squeezed Mobile brought you by Breaking Development</title>
    <dc:date>2012-11-28T04:44:22+00:00</dc:date>
    <link>http://fsm.bdconf.com/blog/how-cnet-australia-tackled-responsive-advertising</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA["As much as we wanted to experiment with HTML5 responsive ads, the current reality is that most existing ad units are fixed IAB standard and agencies simply don’t have the resources to build responsive ads. Implementing responsive ad calls around a grid system seems to work better — at least for now."]]></description>
<dc:subject>cnet australia ad advertising breakpoint mobile responsive rwd size grid format iab</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:fd6892e26e92/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:cnet"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:australia"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:ad"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:advertising"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:breakpoint"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:mobile"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:responsive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:rwd"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:size"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:grid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:format"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:iab"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.slideshare.net/dmolsenwvu/everything-you-know-is-not-quite-right-anymore-rethinking-best-practices-to-respond-to-the-future">
    <title>Everything You Know is Not Quite Right Anymore: Rethinking Best Pra...</title>
    <dc:date>2012-10-23T22:58:12+00:00</dc:date>
    <link>http://www.slideshare.net/dmolsenwvu/everything-you-know-is-not-quite-right-anymore-rethinking-best-practices-to-respond-to-the-future</link>
    <dc:creator>sunpig</dc:creator><dc:subject>daveolsen responsive rwd webdev frontend planning strategy mobile presentation tools</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:5b13e6f71d91/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:daveolsen"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:responsive"/>
	<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:li rdf:resource="https://pinboard.in/u:sunpig/t:planning"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:strategy"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:mobile"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:presentation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:tools"/>
</rdf:Bag></taxo:topics>
</item>
<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://m.netmagazine.com/tutorials/build-smart-mobile-navigation-without-hacks">
    <title>Build a smart mobile navigation without hacks | .net magazine</title>
    <dc:date>2012-08-06T08:39:48+00:00</dc:date>
    <link>http://m.netmagazine.com/tutorials/build-smart-mobile-navigation-without-hacks</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA[In the past, I’ve frequently advocated for converting traditional list-based navigation into a select for mobile (see example below). It’s a simple concept that is easy to implement and I love the elegance of the approach, but the fact that you need to rely on JavaScript to make it usable never really sat well with me. Being an ardent advocate of progressive enhancement, I knew there had to be a better way.]]></description>
<dc:subject>aarongustafson css mobile target link nav html webdev rwd responsive design layout menu dropdown z-index</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:675083a246a7/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:aarongustafson"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:mobile"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:target"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:link"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:nav"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<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:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:menu"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:dropdown"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:z-index"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://twitter.com/StuRobson/status/218431761812701184/photo/1">
    <title>Twitter / StuRobson: More pixels - a  side by s</title>
    <dc:date>2012-06-28T20:12:11+00:00</dc:date>
    <link>http://twitter.com/StuRobson/status/218431761812701184/photo/1</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA[RT @StuRobson: More pixels - a  side by side of Safari and Chrome on iOS (iPhone) #rwd ]]></description>
<dc:subject>rwd</dc:subject>
<dc:source>https://twitter.com/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:90d2f1b9e418/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:rwd"/>
</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://dev.opera.com/articles/view/responsive-images-problem/">
    <title>Responsive images: what's the problem, and how do we fix it? - Dev.Opera</title>
    <dc:date>2012-06-19T12:43:30+00:00</dc:date>
    <link>http://dev.opera.com/articles/view/responsive-images-problem/</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA["As yet, there is no single perfect method that can answer all of the requirements of adapting a simple <img> to simple constraints like bandwidth or device size. There are no hacks that do a perfect job, and there is no clear way of standardising any such method that does not have its own problems. It's possible that a single grand solution will prove impossible, and we'll have to use a few techniques to achieve the things we want. It's possible that the only true solution will be patience while the "constrained bandwidth and poor device capabilities" problems slowly fade away — but while that may only be a few years away in privileged countries, the majority of the world will take a lot longer."]]></description>
<dc:subject>opera dev webdev frontent optimization picture image img srcset meta viewport responsive design layout scale size bandwidth css html rwd</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:5da8daa0c5fe/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:opera"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:dev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontent"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:optimization"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:picture"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:image"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:img"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:srcset"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:meta"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:viewport"/>
	<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:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:scale"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:size"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:bandwidth"/>
	<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:rwd"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.alistapart.com/articles/responsive-images-and-web-standards-at-the-turning-point/">
    <title>A List Apart: Articles: Responsive Images and Web Standards at the Turning Point</title>
    <dc:date>2012-05-15T20:03:24+00:00</dc:date>
    <link>http://www.alistapart.com/articles/responsive-images-and-web-standards-at-the-turning-point/</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA[Recently, all of the ongoing discussion around responsive images just got real: a solution is currently being discussed with the WHATWG. And we're in the thick of it now: we're throwing around references to picture and img set; making vague references to polyfills and hinting at “use cases” as though developers everywhere are following every missive on the topic. That's a lot to parse through, especially if you're only tuning in now—during the final seconds of the game.]]></description>
<dc:subject>ala alistapart matmarquis wilto responsive images rwd whatwg w3c browser developer html5 standard</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:2a65d61a3ae3/</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:matmarquis"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:wilto"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:responsive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:images"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:rwd"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:whatwg"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:w3c"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:browser"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:developer"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:html5"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:standard"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://m.bbc.co.uk/news">
    <title>BBC NEWS -            Home</title>
    <dc:date>2012-03-27T16:28:12+00:00</dc:date>
    <link>http://m.bbc.co.uk/news</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA[RT @danscotton: We launched our new site today, and this is how it looks on all of the devices we test on.  #rwd htt ...]]></description>
<dc:subject>rwd</dc:subject>
<dc:source>https://twitter.com/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:657abf5fbd45/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:rwd"/>
</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://designshack.net/articles/css/mobilefirst/">
    <title>Mobile First Design: Why It’s Great and Why It Sucks | Design Shack</title>
    <dc:date>2012-03-13T13:34:13+00:00</dc:date>
    <link>http://designshack.net/articles/css/mobilefirst/</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA[The reality of the situation is a little more complex though. When you start with the desktop platform, you tend want to take advantage of everything that platform has to offer. You build an amazing product that leverages lots of great technology, only to realize that none of it scales well down to mobile. This can and does lead to severely watered down mobile products that feel more like an afterthought than a polished, finished product. Does this happen with every project? Perhaps not, but the story is likely far more common than you’d like to believe.]]></description>
<dc:subject>mobilefirst design webdev frontend constraint progressive enhancement graceful degradation approach rwd responsive adaptive mobile</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:68d19131ee21/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:mobilefirst"/>
	<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:constraint"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:progressive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:enhancement"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:graceful"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:degradation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:approach"/>
	<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:mobile"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.greenbelt.org.uk/">
    <title>Greenbelt Festival - Where arts, faith and justice collide</title>
    <dc:date>2012-03-12T18:47:49+00:00</dc:date>
    <link>http://www.greenbelt.org.uk/</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA[Lovely responsive design & implementation:  designed & built by @rachelandrew, @drewm, @ratiotype]]></description>
<dc:subject>responsive web design rwd frontend fluid adaptive art culture music css html</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:c106093aa828/</dc:identifier>
<taxo:topics><rdf:Bag>	<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:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:rwd"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:fluid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:adaptive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:art"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:culture"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:music"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:html"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.cloudfour.com/responsive-web-design-business-challenges/">
    <title>Responsive Web Design Business Challenges « Cloud Four</title>
    <dc:date>2012-01-30T15:45:42+00:00</dc:date>
    <link>http://www.cloudfour.com/responsive-web-design-business-challenges/</link>
    <dc:creator>sunpig</dc:creator><dc:subject>analytics responsive rwd jasongrigs cloudfour challenge business management advertising image mobile web webdev</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:14cf8c9d06ed/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:analytics"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:responsive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:rwd"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:jasongrigs"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:cloudfour"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:challenge"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:business"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:management"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:advertising"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:image"/>
	<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:webdev"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://adactio.com/journal/4997/">
    <title>Adactio: Journal—Responsible responsive images</title>
    <dc:date>2011-11-09T19:18:53+00:00</dc:date>
    <link>http://adactio.com/journal/4997/</link>
    <dc:creator>sunpig</dc:creator><dc:subject>jeremykeith adactio css rwd responsive image web design size img html browser device wurfl deviceatlas tinysrc sencha</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:17a8354c0ab8/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:jeremykeith"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:adactio"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:css"/>
	<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:image"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:web"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:size"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:img"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:browser"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:device"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:wurfl"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:deviceatlas"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:tinysrc"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:sencha"/>
</rdf:Bag></taxo:topics>
</item>
</rdf:RDF>