<?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://fsm.bdconf.com/blog/how-cnet-australia-tackled-responsive-advertising"/>
	<rdf:li rdf:resource="https://speakerdeck.com/stephenhay/responsive-design-workflow-mobilism-2012"/>
	<rdf:li rdf:resource="http://viljamis.com/blog/2012/responsive-workflow/"/>
	<rdf:li rdf:resource="http://www.metaltoad.com/blog/simple-device-diagram-responsive-design-planning"/>
	<rdf:li rdf:resource="http://www.cxpartners.co.uk/cxblog/responsive-design-roi-observations-from-the-coalface/"/>
	<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://upstatement.com/blog/2012/01/how-to-approach-a-responsive-design/"/>
	<rdf:li rdf:resource="http://artequalswork.com/posts/responsive-ads.php"/>
	<rdf:li rdf:resource="http://www.slideshare.net/yiibu/pragmatic-responsive-design"/>
      </rdf:Seq>
    </items>
  </channel><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="https://speakerdeck.com/stephenhay/responsive-design-workflow-mobilism-2012">
    <title>Responsive Design Workflow (Mobilism 2012) // Speaker Deck</title>
    <dc:date>2012-11-12T16:07:13+00:00</dc:date>
    <link>https://speakerdeck.com/stephenhay/responsive-design-workflow-mobilism-2012</link>
    <dc:creator>sunpig</dc:creator><dc:subject>stephenhay responsive design workflow mobilism breakpoint text device phone first</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:70a87bb1ad42/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:stephenhay"/>
	<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:workflow"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:mobilism"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:breakpoint"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:text"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:device"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:phone"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:first"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://viljamis.com/blog/2012/responsive-workflow/">
    <title>Responsive workflow</title>
    <dc:date>2012-11-12T16:06:38+00:00</dc:date>
    <link>http://viljamis.com/blog/2012/responsive-workflow/</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA["About three or four years ago—when I mostly did just static width sites—my projects went through the different phases in the order illustrated below, which looks like a typical waterfall process. Back then there wasn’t much room for revisions, and what clients saw were either the wireframes or almost finished Photoshop designs.

"That model *kind of* used to work back then, but now there’s just one problem. Waterfall model doesn’t make that much sense when combined with responsive design. Actually it wasn’t ever very optimal way to do web design, but as I and everyone around me were so used to delivering things in that specific order we never really tried to challenge that."]]></description>
<dc:subject>design process workflow responsive agile waterfall web development frontend business client planning breakpoint</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:cf7559a15e26/</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:process"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:workflow"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:responsive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:agile"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:waterfall"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:web"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:development"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:frontend"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:business"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:client"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:planning"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:breakpoint"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.metaltoad.com/blog/simple-device-diagram-responsive-design-planning">
    <title>A Simple Device Diagram for Responsive Design Planning | Metal Toad Media</title>
    <dc:date>2012-11-09T15:14:40+00:00</dc:date>
    <link>http://www.metaltoad.com/blog/simple-device-diagram-responsive-design-planning</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA["At Metal Toad we're big fans of responsive design, but a common snag in the responsive planning process comes when choosing what device widths to design to. Just yesterday we had a big internal debate over what the best widths to design to are for 3 layout sites, 4 layout sites, etc. I'll get to our conclusions below, but another important distinction to call out is that for each layout there are two things to consider: what the pixel width range for a specific layout should be, and what pixel width the designer should create the PSDs at."]]></description>
<dc:subject>css design psd breakpoint range devive mobile webdev frontend responsive diagram</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:bb5a8e6ca38a/</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:psd"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:breakpoint"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:range"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:devive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:mobile"/>
	<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:responsive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:diagram"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.cxpartners.co.uk/cxblog/responsive-design-roi-observations-from-the-coalface/">
    <title>cxpartners | Responsive Design &amp; ROI – observations from the coalface</title>
    <dc:date>2012-03-12T15:18:44+00:00</dc:date>
    <link>http://www.cxpartners.co.uk/cxblog/responsive-design-roi-observations-from-the-coalface/</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA[Responsive Design & ROI – observations from the coalface]]></description>
<dc:subject>responsive adaptive design development agile webdev webdesign breakpoint fluid grid</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:63edd31c4ed5/</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:adaptive"/>
	<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:agile"/>
	<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:breakpoint"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:fluid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:grid"/>
</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://upstatement.com/blog/2012/01/how-to-approach-a-responsive-design/">
    <title>How to Approach a Responsive Design | Upstatement</title>
    <dc:date>2012-02-01T22:47:00+00:00</dc:date>
    <link>http://upstatement.com/blog/2012/01/how-to-approach-a-responsive-design/</link>
    <dc:creator>sunpig</dc:creator><dc:subject>upstatement filament responsive group webdev adaptive layout breakpoint zone width globe bostonglobe</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:d9e5d368f26c/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:upstatement"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:filament"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:responsive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:group"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<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:breakpoint"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:zone"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:width"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:globe"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:bostonglobe"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://artequalswork.com/posts/responsive-ads.php">
    <title>ART=WORK · Responsive Advertising</title>
    <dc:date>2011-11-16T17:24:44+00:00</dc:date>
    <link>http://artequalswork.com/posts/responsive-ads.php</link>
    <dc:creator>sunpig</dc:creator><dc:subject>nathanford web webdev webdesign design ad advertising responsive adaptive layout slot template range breakpoint</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:b5c8911970d8/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:nathanford"/>
	<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:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:design"/>
	<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: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:slot"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:template"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:range"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:breakpoint"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.slideshare.net/yiibu/pragmatic-responsive-design">
    <title>Pragmatic responsive design</title>
    <dc:date>2011-11-14T18:57:32+00:00</dc:date>
    <link>http://www.slideshare.net/yiibu/pragmatic-responsive-design</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA[Wholly awesome, Batman! "Pragmatic Responsive Design" presentation by @yiibu  MUST READ for mobile.]]></description>
<dc:subject>pragmatic responsive design adaptive layout width media query server yiibu bryanrieger stephanierieger css breakpoint webdev mobile</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:0a9eaed4dcc2/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:pragmatic"/>
	<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:adaptive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:width"/>
	<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:server"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:yiibu"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:bryanrieger"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:stephanierieger"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:breakpoint"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:mobile"/>
</rdf:Bag></taxo:topics>
</item>
</rdf:RDF>