<?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 (blumenberg)</title>
    <link>https://pinboard.in/u:blumenberg/public/</link>
    <description>recent bookmarks from blumenberg</description>
    <items>
      <rdf:Seq>	<rdf:li rdf:resource="https://css-tricks.com/the-notch-and-css/"/>
	<rdf:li rdf:resource="https://medium.freecodecamp.com/the-100-correct-way-to-do-css-breakpoints-88d6a5ba1862#.rv0h7yc6q"/>
	<rdf:li rdf:resource="http://zellwk.com/blog/viewport-based-typography/"/>
	<rdf:li rdf:resource="http://css-tricks.com/snippets/css/media-queries-for-standard-devices/"/>
	<rdf:li rdf:resource="http://www.webdesignerdepot.com/2012/02/designing-for-responsiveness/"/>
	<rdf:li rdf:resource="http://www.benjaminkeen.com/misc/bricss/"/>
	<rdf:li rdf:resource="http://webdesignerwall.com/tutorials/responsive-design-in-3-steps"/>
	<rdf:li rdf:resource="http://bueltge.de/test/media-query-debugger.php"/>
	<rdf:li rdf:resource="http://stuffandnonsense.co.uk/projects/320andup/"/>
      </rdf:Seq>
    </items>
  </channel><item rdf:about="https://css-tricks.com/the-notch-and-css/">
    <title>&quot;The Notch&quot; and CSS</title>
    <dc:date>2017-09-18T18:54:41+00:00</dc:date>
    <link>https://css-tricks.com/the-notch-and-css/</link>
    <dc:creator>blumenberg</dc:creator><dc:subject>apple ios iphone css web hack viewport device mobile</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:blumenberg/b:0e3b446307c0/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:apple"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:ios"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:iphone"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:web"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:hack"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:viewport"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:device"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:mobile"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://medium.freecodecamp.com/the-100-correct-way-to-do-css-breakpoints-88d6a5ba1862#.rv0h7yc6q">
    <title>The 100% correct way to do CSS breakpoints</title>
    <dc:date>2016-12-02T09:43:03+00:00</dc:date>
    <link>https://medium.freecodecamp.com/the-100-correct-way-to-do-css-breakpoints-88d6a5ba1862#.rv0h7yc6q</link>
    <dc:creator>blumenberg</dc:creator><dc:subject>css ui ux article breakpoints @D__Gilbertson screen display viewport</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:blumenberg/b:183a3390a733/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:ui"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:ux"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:article"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:breakpoints"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:@D__Gilbertson"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:screen"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:display"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:viewport"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://zellwk.com/blog/viewport-based-typography/">
    <title>Viewport Unit Based Typography</title>
    <dc:date>2016-03-13T10:06:10+00:00</dc:date>
    <link>http://zellwk.com/blog/viewport-based-typography/</link>
    <dc:creator>blumenberg</dc:creator><description><![CDATA[A handy article on Vertical Rhythm and Modular Scale with Viewport Units.]]></description>
<dc:subject>responsive typography design css viewport .readlater</dc:subject>
<dc:identifier>https://pinboard.in/u:blumenberg/b:5cd3a339ff12/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:responsive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:typography"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:viewport"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:.readlater"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://css-tricks.com/snippets/css/media-queries-for-standard-devices/">
    <title>Media Queries for Standard Devices</title>
    <dc:date>2012-03-17T16:14:17+00:00</dc:date>
    <link>http://css-tricks.com/snippets/css/media-queries-for-standard-devices/</link>
    <dc:creator>blumenberg</dc:creator><dc:subject>media query device viewport responsive design reference css iphone ipad mobile</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:blumenberg/b:d2012d4a0163/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:media"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:query"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:device"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:viewport"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:responsive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:reference"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:iphone"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:ipad"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:mobile"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.webdesignerdepot.com/2012/02/designing-for-responsiveness/">
    <title>Designing for responsiveness</title>
    <dc:date>2012-02-10T00:00:45+00:00</dc:date>
    <link>http://www.webdesignerdepot.com/2012/02/designing-for-responsiveness/</link>
    <dc:creator>blumenberg</dc:creator><dc:subject>design by:webdesignerdepot article responsive howto viewport mockup .readlater</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:blumenberg/b:75fb53f2e175/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:by:webdesignerdepot"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:article"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:responsive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:howto"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:viewport"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:mockup"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:.readlater"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.benjaminkeen.com/misc/bricss/">
    <title>Responsive Design Test Bookmarklet</title>
    <dc:date>2012-01-31T14:47:50+00:00</dc:date>
    <link>http://www.benjaminkeen.com/misc/bricss/</link>
    <dc:creator>blumenberg</dc:creator><description><![CDATA[It lets you view any webpage in multiple screen sizes, simulating the viewport of different devices.]]></description>
<dc:subject>bookmarklet css webdesign viewport screen size device :ce :am :nc ui ux :sk :st .important responsive</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:blumenberg/b:ac20188634a1/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:bookmarklet"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:viewport"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:screen"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:size"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:device"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t::ce"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t::am"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t::nc"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:ui"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:ux"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t::sk"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t::st"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:.important"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:responsive"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://webdesignerwall.com/tutorials/responsive-design-in-3-steps">
    <title>Responsive Design in 3 Steps</title>
    <dc:date>2011-12-11T02:56:15+00:00</dc:date>
    <link>http://webdesignerwall.com/tutorials/responsive-design-in-3-steps</link>
    <dc:creator>blumenberg</dc:creator><dc:subject>howto article media-queries viewport html css3 .keep :nc :ce :am :sk :st responsive .readlater</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:blumenberg/b:34cbc83d34a8/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:howto"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:article"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:media-queries"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:viewport"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:.keep"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t::nc"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t::ce"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t::am"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t::sk"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t::st"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:responsive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:.readlater"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://bueltge.de/test/media-query-debugger.php">
    <title>Simple Media Queries Debugger</title>
    <dc:date>2011-06-30T00:37:31+00:00</dc:date>
    <link>http://bueltge.de/test/media-query-debugger.php</link>
    <dc:creator>blumenberg</dc:creator><description><![CDATA[English Media Queries are going to establish, the pros and cons are not an issue here. "Debugging" is not easy and creating layouts can be quickly complex. This solution is an idea to know the viewport, since it shows in the upper area of the page. Via these values you can use it for different width.

]]></description>
<dc:subject>debug css media query screen viewport @media :sk :st .readlater</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:blumenberg/b:8786019d17ac/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:debug"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:media"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:query"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:screen"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:viewport"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:@media"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t::sk"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t::st"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:.readlater"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://stuffandnonsense.co.uk/projects/320andup/">
    <title>320 and up</title>
    <dc:date>2011-05-03T23:46:43+00:00</dc:date>
    <link>http://stuffandnonsense.co.uk/projects/320andup/</link>
    <dc:creator>blumenberg</dc:creator><description><![CDATA[‘320 and Up’ prevents mobile devices from downloading desktop assets by using a tiny screen’s stylesheet as its starting point.]]></description>
<dc:subject>boilerplate css css3 mobile .test webdev viewport :sk :st responsive .readlater</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:blumenberg/b:7ae6560b5b0a/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:boilerplate"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:mobile"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:.test"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:viewport"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t::sk"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t::st"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:responsive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:blumenberg/t:.readlater"/>
</rdf:Bag></taxo:topics>
</item>
</rdf:RDF>