<?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://www.davidroessli.com/logs/2010/04/safari_ignores_viewport_mobi_domains/"/>
	<rdf:li rdf:resource="http://dev.opera.com/articles/view/responsive-images-problem/"/>
	<rdf:li rdf:resource="http://www.slideshare.net/andreasbovens/responsive-design-techniques-and-tricks-to-prepare-your-websites-for-the-multiscreen-future"/>
	<rdf:li rdf:resource="http://generatedcontent.org/post/21279324555/viewportunits"/>
	<rdf:li rdf:resource="http://filamentgroup.com/lab/responsive_design_approach_for_navigation/"/>
	<rdf:li rdf:resource="http://tripleodeon.com/2011/12/first-understand-your-screen/"/>
	<rdf:li rdf:resource="http://dev.opera.com/articles/view/love-your-devices-adaptive-web-design-with-media-queries-viewport-and-more/"/>
	<rdf:li rdf:resource="http://dstorey.tumblr.com/post/11933972962/css3values"/>
	<rdf:li rdf:resource="http://adactio.com/journal/4470/"/>
	<rdf:li rdf:resource="http://www.blog.highub.com/mobile-2/a-fix-for-iphone-viewport-scale-bug/"/>
	<rdf:li rdf:resource="http://crashonu.blogspot.com/2011/01/iphone-safari-html-configuring-viewport.html"/>
	<rdf:li rdf:resource="http://www.html5rocks.com/mobile/mobifying.html"/>
	<rdf:li rdf:resource="http://www.quirksmode.org/blog/archives/2010/09/combining_meta.html"/>
	<rdf:li rdf:resource="http://dev.opera.com/articles/view/the-mobile-web-optimization-guide/"/>
	<rdf:li rdf:resource="http://37signals.com/svn/posts/2407-device-scale-user-interface-elements-in-ios-mobile-safari"/>
	<rdf:li rdf:resource="http://www.quirksmode.org/blog/archives/2010/05/a_tale_of_two_v.html"/>
	<rdf:li rdf:resource="http://www.quirksmode.org/blog/archives/2010/04/a_pixel_is_not.html"/>
	<rdf:li rdf:resource="http://www.antipode.ca/2010/choosing-a-viewport-for-ipad-sites/"/>
      </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://www.davidroessli.com/logs/2010/04/safari_ignores_viewport_mobi_domains/">
    <title>Safari for iPhone ignores viewport settings on .mobi domains | David Roessli's Empty Set</title>
    <dc:date>2012-09-25T12:48:14+00:00</dc:date>
    <link>http://www.davidroessli.com/logs/2010/04/safari_ignores_viewport_mobi_domains/</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA["I have never taken much time to look into dotMobi since it launch in 2006, but according to its Wikipedia entry “dotMobi does not itself mandate any particular technology, but does require that .mobi sites produce user experiences consistent with their guidelines and specifically optimized for mobile phones”. I would never have imagined that a browser would treat a website differently based solely on its TLD."]]></description>
<dc:subject>safari ios mobile mobi dotmobi viewport render width bug problem iphone</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:127f711543bd/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:safari"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:ios"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:mobile"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:mobi"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:dotmobi"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:viewport"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:render"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:width"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:bug"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:problem"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:iphone"/>
</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.slideshare.net/andreasbovens/responsive-design-techniques-and-tricks-to-prepare-your-websites-for-the-multiscreen-future">
    <title>Responsive design: techniques and tricks to prepare your websites f...</title>
    <dc:date>2012-06-05T17:23:25+00:00</dc:date>
    <link>http://www.slideshare.net/andreasbovens/responsive-design-techniques-and-tricks-to-prepare-your-websites-for-the-multiscreen-future</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA[Websites are viewed on all kinds of devices, in all kinds of browsers. In this presentation, I explain how you can adapt your site to these different environments, using modern browser hooks and techniques.

I cover the various aspects (and some gotchas) of the viewport mechanism and media queries, and shed a light on how new CSS3 properties allow you to optimize images and videos for multiple screens.]]></description>
<dc:subject>andreasbovens opera meta viewport adaptive responsive design layout web site webdev frontend device screen css html</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:cf21f8ba2a43/</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:meta"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:viewport"/>
	<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:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:web"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:site"/>
	<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:device"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:screen"/>
	<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://generatedcontent.org/post/21279324555/viewportunits">
    <title>Responsive viewport units - destroy/dstorey</title>
    <dc:date>2012-04-17T19:58:13+00:00</dc:date>
    <link>http://generatedcontent.org/post/21279324555/viewportunits</link>
    <dc:creator>sunpig</dc:creator><description><![CDATA[Introducing vh, vw, and vmin

The vh unit stands for viewport height, vw for Volkswagen viewport width, and vmin represents whichever of vh or vw is the shortest length.]]></description>
<dc:subject>css viewport unit responsive height width proportion grid design webdev frontend</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:b5f119295090/</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:viewport"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:unit"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:responsive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:height"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:width"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:proportion"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:grid"/>
	<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://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://tripleodeon.com/2011/12/first-understand-your-screen/">
    <title>First, Understand Your Screen « James Pearce</title>
    <dc:date>2012-02-03T07:28:50+00:00</dc:date>
    <link>http://tripleodeon.com/2011/12/first-understand-your-screen/</link>
    <dc:creator>sunpig</dc:creator><dc:subject>jamespearce css html webdev js javascript screen viewport width height size dimension mobile desktop android ios</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:2380692ec529/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:jamespearce"/>
	<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:webdev"/>
	<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:screen"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:viewport"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:width"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:height"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:size"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:dimension"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:mobile"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:desktop"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:android"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:ios"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://dev.opera.com/articles/view/love-your-devices-adaptive-web-design-with-media-queries-viewport-and-more/">
    <title>Love your devices: adaptive web design with media queries, viewport and more - Dev.Opera</title>
    <dc:date>2012-01-22T01:28:36+00:00</dc:date>
    <link>http://dev.opera.com/articles/view/love-your-devices-adaptive-web-design-with-media-queries-viewport-and-more/</link>
    <dc:creator>sunpig</dc:creator><dc:subject>chrismills opera viewport width adaptive responsive layout design</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:800546ee0f1d/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:chrismills"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:opera"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:viewport"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:width"/>
	<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:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:design"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://dstorey.tumblr.com/post/11933972962/css3values">
    <title>What’s new in CSS3 Values and Units? - destroy/dstorey</title>
    <dc:date>2011-11-07T08:38:11+00:00</dc:date>
    <link>http://dstorey.tumblr.com/post/11933972962/css3values</link>
    <dc:creator>sunpig</dc:creator><dc:subject>css css3 value unit measure font size viewport rem em</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:7d3cc3dba9d9/</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:value"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:unit"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:measure"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:font"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:size"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:viewport"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:rem"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:em"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://adactio.com/journal/4470/">
    <title>Adactio: Journal—Orientation and scale</title>
    <dc:date>2011-04-05T11:01:44+00:00</dc:date>
    <link>http://adactio.com/journal/4470/</link>
    <dc:creator>sunpig</dc:creator><dc:subject>bug css html5 mobile jeremykeith adactio js javascript orientation iphone width zoom viewport scale reset</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:091437f8f981/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:bug"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:css"/>
	<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:jeremykeith"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:adactio"/>
	<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:orientation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:iphone"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:width"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:zoom"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:viewport"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:scale"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:reset"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.blog.highub.com/mobile-2/a-fix-for-iphone-viewport-scale-bug/">
    <title>A fix for iPhone viewport scale bug | Web, Mobile Development</title>
    <dc:date>2011-04-04T08:44:55+00:00</dc:date>
    <link>http://www.blog.highub.com/mobile-2/a-fix-for-iphone-viewport-scale-bug/</link>
    <dc:creator>sunpig</dc:creator><dc:subject>bug iphone javascript viewport js jeremykeith shichuan ios ipod rotate width zoom fix web webdev mobile</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:272333cd6775/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:bug"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:iphone"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:viewport"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:js"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:jeremykeith"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:shichuan"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:ios"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:ipod"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:rotate"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:width"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:zoom"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:fix"/>
	<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:mobile"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://crashonu.blogspot.com/2011/01/iphone-safari-html-configuring-viewport.html">
    <title>ManEye: [iphone] Safari Html Configuring the Viewport</title>
    <dc:date>2011-03-09T07:49:57+00:00</dc:date>
    <link>http://crashonu.blogspot.com/2011/01/iphone-safari-html-configuring-viewport.html</link>
    <dc:creator>sunpig</dc:creator><dc:subject>safari html viewport ios device phone handheld width css reference</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:04a8171bfae0/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:safari"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:viewport"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:ios"/>
	<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:handheld"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:width"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:reference"/>
</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://www.quirksmode.org/blog/archives/2010/09/combining_meta.html">
    <title>Combining meta viewport and media queries - QuirksBlog</title>
    <dc:date>2010-09-15T06:44:58+00:00</dc:date>
    <link>http://www.quirksmode.org/blog/archives/2010/09/combining_meta.html</link>
    <dc:creator>sunpig</dc:creator><dc:subject>ppk quirksmode viewport meta width css html webdev mobile browser android iphone</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:1a2770a7d880/</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:quirksmode"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:viewport"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:meta"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:width"/>
	<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:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:mobile"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:browser"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:android"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:iphone"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://dev.opera.com/articles/view/the-mobile-web-optimization-guide/">
    <title>Mobile-friendly: The mobile web optimization guide - Opera Developer Community</title>
    <dc:date>2010-07-29T03:59:07+00:00</dc:date>
    <link>http://dev.opera.com/articles/view/the-mobile-web-optimization-guide/</link>
    <dc:creator>sunpig</dc:creator><dc:subject>opera mobile mini webdev viewport strategy testing brucelawson tips advice html</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:f4ffadf20f31/</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:mobile"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:mini"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:viewport"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:strategy"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:testing"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:brucelawson"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:tips"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:advice"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:html"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://37signals.com/svn/posts/2407-device-scale-user-interface-elements-in-ios-mobile-safari">
    <title>Device-scale user interface elements in iOS Mobile Safari - (37signals)</title>
    <dc:date>2010-06-16T07:00:09+00:00</dc:date>
    <link>http://37signals.com/svn/posts/2407-device-scale-user-interface-elements-in-ios-mobile-safari</link>
    <dc:creator>sunpig</dc:creator><dc:subject>mobile safari device 37signals iphone ipad ios javascript device_scale scale size zoom viewport relative</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:6dbb51495ca8/</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:safari"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:device"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:37signals"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:iphone"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:ipad"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:ios"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:device_scale"/>
	<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:zoom"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:viewport"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:relative"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.quirksmode.org/blog/archives/2010/05/a_tale_of_two_v.html">
    <title>A tale of two viewports — part one - QuirksBlog</title>
    <dc:date>2010-05-30T09:37:27+00:00</dc:date>
    <link>http://www.quirksmode.org/blog/archives/2010/05/a_tale_of_two_v.html</link>
    <dc:creator>sunpig</dc:creator><dc:subject>pixel quirksmode ppk css iphone android mobile device width screen viewport webdesign webdev</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:654c3af6928b/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:pixel"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:quirksmode"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:ppk"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:iphone"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:android"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:mobile"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:device"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:width"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:screen"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:viewport"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdesign"/>
	<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/04/a_pixel_is_not.html">
    <title>A pixel is not a pixel is not a pixel - QuirksBlog</title>
    <dc:date>2010-05-30T09:36:44+00:00</dc:date>
    <link>http://www.quirksmode.org/blog/archives/2010/04/a_pixel_is_not.html</link>
    <dc:creator>sunpig</dc:creator><dc:subject>pixel quirksmode ppk css iphone android mobile device width screen viewport webdesign webdev</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:19ad7f519a68/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:pixel"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:quirksmode"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:ppk"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:iphone"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:android"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:mobile"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:device"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:width"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:screen"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:viewport"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:webdev"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.antipode.ca/2010/choosing-a-viewport-for-ipad-sites/">
    <title>Antipode - Article – Choosing a viewport for iPad sites</title>
    <dc:date>2010-04-05T19:51:44+00:00</dc:date>
    <link>http://www.antipode.ca/2010/choosing-a-viewport-for-ipad-sites/</link>
    <dc:creator>sunpig</dc:creator><dc:subject>allenpike ipad apple viewport iphone device mobile desktop width size dimension webdev webdesign meta blowup scale landscape portrait</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:sunpig/b:7a408ad5c0c7/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:allenpike"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:ipad"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:apple"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:viewport"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:iphone"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:device"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:mobile"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:desktop"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:width"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:size"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:dimension"/>
	<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:meta"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:blowup"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:scale"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:landscape"/>
	<rdf:li rdf:resource="https://pinboard.in/u:sunpig/t:portrait"/>
</rdf:Bag></taxo:topics>
</item>
</rdf:RDF>