<?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 (dogwonder)</title>
    <link>https://pinboard.in/u:dogwonder/public/</link>
    <description>recent bookmarks from dogwonder</description>
    <items>
      <rdf:Seq>	<rdf:li rdf:resource="https://tobiasahlin.com/blog/masonry-with-css/"/>
	<rdf:li rdf:resource="https://www.smashingmagazine.com/2017/10/naming-things-css-grid-layout/"/>
	<rdf:li rdf:resource="https://www.smashingmagazine.com/2017/06/building-production-ready-css-grid-layout/"/>
	<rdf:li rdf:resource="http://css-tricks.com/snippets/css/a-guide-to-flexbox/"/>
	<rdf:li rdf:resource="http://www.sketchingwithcss.com/samplechapter/cheatsheet.html"/>
	<rdf:li rdf:resource="http://www.sketchingwithcss.com/samplechapter/cheatsheet.html#top"/>
	<rdf:li rdf:resource="http://blogs.adobe.com/webplatform/2013/04/08/adaptive-web-app-ui-with-css-regions/"/>
	<rdf:li rdf:resource="http://packery.metafizzy.co/"/>
	<rdf:li rdf:resource="http://line25.com/tutorials/create-a-responsive-web-design-with-media-queries"/>
	<rdf:li rdf:resource="http://www.alistapart.com/articles/a-simpler-page/"/>
	<rdf:li rdf:resource="http://informationarchitects.jp/wired-on-ipad-just-like-a-paper-tiger"/>
	<rdf:li rdf:resource="http://code.google.com/p/the-golden-grid/"/>
	<rdf:li rdf:resource="http://24ways.org/2006/compose-to-a-vertical-rhythm"/>
	<rdf:li rdf:resource="http://www.alistapart.com/articles/settingtypeontheweb"/>
	<rdf:li rdf:resource="http://wiedler.ch/felix/books"/>
	<rdf:li rdf:resource="http://nettuts.com/html-css-techniques/the-weekend-quick-tip-flex-your-images/"/>
	<rdf:li rdf:resource="http://www.smashingmagazine.com/2008/05/29/applying-divine-proportion-to-web-design/"/>
	<rdf:li rdf:resource="http://nettuts.com/html-css-techniques/which-css-grid-framework-should-you-use-for-web-design/"/>
	<rdf:li rdf:resource="http://jontangerine.com/log/2007/09/the-incredible-em-and-elastic-layouts-with-css"/>
	<rdf:li rdf:resource="http://www.smashingmagazine.com/2008/03/26/grid-based-design-six-creative-column-techniques/"/>
	<rdf:li rdf:resource="http://www.noupe.com/design/101-css-techniques-of-all-time-part-1.html#more"/>
	<rdf:li rdf:resource="http://centricle.com/ref/css/filters/"/>
	<rdf:li rdf:resource="http://www.swisslegacy.com/"/>
	<rdf:li rdf:resource="http://www.styleignite.com/articles/view/analysis-of-web-20-design-layout-trends-part-1-clean-colorful-and-horizontally-divided"/>
      </rdf:Seq>
    </items>
  </channel><item rdf:about="https://tobiasahlin.com/blog/masonry-with-css/">
    <title>CSS masonry with flexbox, :nth-child(), and order | Tobias Ahlin</title>
    <dc:date>2019-06-03T13:04:02+00:00</dc:date>
    <link>https://tobiasahlin.com/blog/masonry-with-css/</link>
    <dc:creator>dogwonder</dc:creator><dc:subject>code css flexbox layout</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:dogwonder/b:cbe19e2f85ce/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:code"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:flexbox"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:layout"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://www.smashingmagazine.com/2017/10/naming-things-css-grid-layout/">
    <title>Naming Things In CSS Grid Layout — Smashing Magazine</title>
    <dc:date>2017-12-12T11:27:48+00:00</dc:date>
    <link>https://www.smashingmagazine.com/2017/10/naming-things-css-grid-layout/</link>
    <dc:creator>dogwonder</dc:creator><dc:subject>css design grid layout cssgrids</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:dogwonder/b:988bf02a8412/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:grid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:cssgrids"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://www.smashingmagazine.com/2017/06/building-production-ready-css-grid-layout/">
    <title>Building Production-Ready CSS Grid Layouts Today – Smashing Magazine</title>
    <dc:date>2017-09-12T09:03:27+00:00</dc:date>
    <link>https://www.smashingmagazine.com/2017/06/building-production-ready-css-grid-layout/</link>
    <dc:creator>dogwonder</dc:creator><dc:subject>css grid layout tutorial webdesign cssgrids</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:dogwonder/b:d91967e5aa08/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:grid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:tutorial"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:cssgrids"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://css-tricks.com/snippets/css/a-guide-to-flexbox/">
    <title>A Complete Guide to Flexbox | CSS-Tricks</title>
    <dc:date>2014-05-14T18:41:40+00:00</dc:date>
    <link>http://css-tricks.com/snippets/css/a-guide-to-flexbox/</link>
    <dc:creator>dogwonder</dc:creator><description><![CDATA[The Flexbox Layout (Flexible Box) module (currently a W3C Candidate Recommendation) aims at providing a more efficient way to lay out, align and distribute space among items in a container, even when their size is unknown and/or dynamic (thus the word "flex").

The main idea behind the flex layout is to give the container the ability to alter its items' width/height (and order) to best fill the available space (mostly to accommodate to all kind of display devices and screen sizes). A flex container expands items to fill available free space, or shrinks them to prevent overflow.

Most importantly, the flexbox layout is direction-agnostic as opposed to the regular layouts (block which is vertically-based and inline which is horizontally-based). While those work well for pages, they lack flexibility (no pun intended) to support large or complex applications (especially when it comes to orientation changing, resizing, stretching, shrinking, etc.).

Note: Flexbox layout is most appropriate to the components of an application, and small-scale layouts, while the Grid layout is intended for larger scale layouts]]></description>
<dc:subject>css css3 design flexbox layout</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:dogwonder/b:7735621fdb2f/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:flexbox"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:layout"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.sketchingwithcss.com/samplechapter/cheatsheet.html">
    <title>The Ultimate Flexbox Cheat Sheet</title>
    <dc:date>2013-11-19T20:48:31+00:00</dc:date>
    <link>http://www.sketchingwithcss.com/samplechapter/cheatsheet.html</link>
    <dc:creator>dogwonder</dc:creator><description><![CDATA[Flexbox is a brand, spankin' new CSS layout module with suprisingly good browser support! Say goodbye to float frustration and hello to a brave new world of easy vertical centering, re-ordering elements and dynamically growing and shrinking layouts.]]></description>
<dc:subject>css development flexbox layout</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:dogwonder/b:60f39a19350e/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:development"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:flexbox"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:layout"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.sketchingwithcss.com/samplechapter/cheatsheet.html#top">
    <title>The Ultimate Flexbox Cheat Sheet</title>
    <dc:date>2013-11-19T12:18:11+00:00</dc:date>
    <link>http://www.sketchingwithcss.com/samplechapter/cheatsheet.html#top</link>
    <dc:creator>dogwonder</dc:creator><description><![CDATA[Flexbox is a brand, spankin' new CSS layout module with suprisingly good browser support! Say goodbye to float frustration and hello to a brave new world of easy vertical centering, re-ordering elements and dynamically growing and shrinking layouts.]]></description>
<dc:subject>flexbox css css3 layout</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:dogwonder/b:bba7b948d1e0/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:flexbox"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:layout"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://blogs.adobe.com/webplatform/2013/04/08/adaptive-web-app-ui-with-css-regions/">
    <title>Adaptive Web App UI with CSS Regions | Web Platform Team Blog</title>
    <dc:date>2013-11-07T11:09:21+00:00</dc:date>
    <link>http://blogs.adobe.com/webplatform/2013/04/08/adaptive-web-app-ui-with-css-regions/</link>
    <dc:creator>dogwonder</dc:creator><description><![CDATA[By allowing text to automatically flow from one box to another, CSS Regions bring the power and flexibility of complex layout to the web. This makes it easier to build pages with layout similar to traditional newspapers and magazines, but it goes beyond that.]]></description>
<dc:subject>css css3 layout responsive</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:dogwonder/b:bc5a89959e88/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:responsive"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://packery.metafizzy.co/">
    <title>Packery</title>
    <dc:date>2013-04-17T13:08:09+00:00</dc:date>
    <link>http://packery.metafizzy.co/</link>
    <dc:creator>dogwonder</dc:creator><description><![CDATA[Packery is a JavaScript layout library that uses a bin-packing algorithm. This is a fancy way of saying “it fills empty gaps.” Packery layouts can be intelligently ordered or organically wild. Elements can be stamped in place, fit in an ideal spot, or dragged around.]]></description>
<dc:subject>effect grid javascript layout bin-packing</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:dogwonder/b:a53d29d298f9/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:effect"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:grid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:bin-packing"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://line25.com/tutorials/create-a-responsive-web-design-with-media-queries">
    <title>Create a Responsive Web Design with Media Queries</title>
    <dc:date>2012-04-16T11:16:21+00:00</dc:date>
    <link>http://line25.com/tutorials/create-a-responsive-web-design-with-media-queries</link>
    <dc:creator>dogwonder</dc:creator><description><![CDATA[If you’ve yet to get your hands dirty with media queries, now is your chance to create your first responsive website design. In this tutorial we’ll look at converting one of my previous WordPress theme designs into a responsive layout, while taking into consideration the design’s original grid structure.]]></description>
<dc:subject>css css3 layout responsive webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:dogwonder/b:3789e7d6fa0b/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:responsive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:webdesign"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.alistapart.com/articles/a-simpler-page/">
    <title>A List Apart: Articles: A Simpler Page</title>
    <dc:date>2011-01-11T11:48:45+00:00</dc:date>
    <link>http://www.alistapart.com/articles/a-simpler-page/</link>
    <dc:creator>dogwonder</dc:creator><dc:subject>design ebook layout page books</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:dogwonder/b:57e3d720eafd/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:ebook"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:page"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:books"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://informationarchitects.jp/wired-on-ipad-just-like-a-paper-tiger">
    <title>iA » WIRED on iPad: Just like a Paper Tiger…</title>
    <dc:date>2010-05-29T19:13:11+00:00</dc:date>
    <link>http://informationarchitects.jp/wired-on-ipad-just-like-a-paper-tiger</link>
    <dc:creator>dogwonder</dc:creator><dc:subject>readlater magazine ux design typography layout</dc:subject>
<dc:identifier>https://pinboard.in/u:dogwonder/b:ca3c936782e6/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:readlater"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:magazine"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:ux"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:typography"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:layout"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://code.google.com/p/the-golden-grid/">
    <title>the-golden-grid - Google Code</title>
    <dc:date>2009-02-20T00:06:58+00:00</dc:date>
    <link>http://code.google.com/p/the-golden-grid/</link>
    <dc:creator>dogwonder</dc:creator><description><![CDATA[The Golden Grid is a web grid system. It 's a product of the search for the perfect modern grid system. It 's meant to be a CSS tool for grid based web sites.
]]></description>
<dc:subject>design css webdesign layout grid framework</dc:subject>
<dc:identifier>https://pinboard.in/u:dogwonder/b:f1a3f14f79bf/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:grid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:framework"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://24ways.org/2006/compose-to-a-vertical-rhythm">
    <title>24 ways: Compose to a Vertical Rhythm</title>
    <dc:date>2009-02-09T00:17:35+00:00</dc:date>
    <link>http://24ways.org/2006/compose-to-a-vertical-rhythm</link>
    <dc:creator>dogwonder</dc:creator><dc:subject>design css webdesign layout fonts typography</dc:subject>
<dc:identifier>https://pinboard.in/u:dogwonder/b:364bc8e1892e/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:fonts"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:typography"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.alistapart.com/articles/settingtypeontheweb">
    <title>A List Apart: Articles: Setting Type on the Web to a Baseline Grid</title>
    <dc:date>2009-02-09T00:14:37+00:00</dc:date>
    <link>http://www.alistapart.com/articles/settingtypeontheweb</link>
    <dc:creator>dogwonder</dc:creator><dc:subject>css webdesign layout typography grid</dc:subject>
<dc:identifier>https://pinboard.in/u:dogwonder/b:cdd6153c3227/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:typography"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:grid"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://wiedler.ch/felix/books">
    <title>felix - book (design) stories • wiedler.ch</title>
    <dc:date>2008-11-07T20:48:15+00:00</dc:date>
    <link>http://wiedler.ch/felix/books</link>
    <dc:creator>dogwonder</dc:creator><description><![CDATA[modernist book design in germany and switzerland 1925?1965 (and beyond)
]]></description>
<dc:subject>typography layout inspiration switzerland swiss modernist</dc:subject>
<dc:identifier>https://pinboard.in/u:dogwonder/b:dcfa444be340/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:typography"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:inspiration"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:switzerland"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:swiss"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:modernist"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://nettuts.com/html-css-techniques/the-weekend-quick-tip-flex-your-images/">
    <title>NETTUTS - The Weekend Quick Tip: Flex Your Images</title>
    <dc:date>2008-08-03T19:02:34+00:00</dc:date>
    <link>http://nettuts.com/html-css-techniques/the-weekend-quick-tip-flex-your-images/</link>
    <dc:creator>dogwonder</dc:creator><description><![CDATA[Elastic width images
]]></description>
<dc:subject>webdevelopment webdesign tutorials photo layout images</dc:subject>
<dc:identifier>https://pinboard.in/u:dogwonder/b:b8ca3b70e5c9/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:webdevelopment"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:tutorials"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:photo"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:images"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.smashingmagazine.com/2008/05/29/applying-divine-proportion-to-web-design/">
    <title>Applying Divine Proportion To Your Web Designs | How-To | Smashing Magazine</title>
    <dc:date>2008-06-02T21:13:45+00:00</dc:date>
    <link>http://www.smashingmagazine.com/2008/05/29/applying-divine-proportion-to-web-design/</link>
    <dc:creator>dogwonder</dc:creator><dc:subject>article layout grid proportion webdesign</dc:subject>
<dc:identifier>https://pinboard.in/u:dogwonder/b:819c59a398fb/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:article"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:grid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:proportion"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:webdesign"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://nettuts.com/html-css-techniques/which-css-grid-framework-should-you-use-for-web-design/">
    <title>NETTUTS - Web development tutorials and links - Which CSS Grid Framework Should You Use for Web Design?</title>
    <dc:date>2008-06-02T21:13:11+00:00</dc:date>
    <link>http://nettuts.com/html-css-techniques/which-css-grid-framework-should-you-use-for-web-design/</link>
    <dc:creator>dogwonder</dc:creator><dc:subject>article articles design grid layout framework webdesign</dc:subject>
<dc:identifier>https://pinboard.in/u:dogwonder/b:e2181e14dcd8/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:article"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:articles"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:grid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:framework"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:webdesign"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://jontangerine.com/log/2007/09/the-incredible-em-and-elastic-layouts-with-css">
    <title>The Incredible Em &amp; Elastic Layouts with CSS — Jon Tan 陳</title>
    <dc:date>2008-04-07T09:55:00+00:00</dc:date>
    <link>http://jontangerine.com/log/2007/09/the-incredible-em-and-elastic-layouts-with-css</link>
    <dc:creator>dogwonder</dc:creator><dc:subject>accessibility 2008 css layout elastic em design conversion typography tutorial</dc:subject>
<dc:identifier>https://pinboard.in/u:dogwonder/b:7ca4dfe34e9d/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:accessibility"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:2008"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:elastic"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:em"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:conversion"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:typography"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:tutorial"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.smashingmagazine.com/2008/03/26/grid-based-design-six-creative-column-techniques/">
    <title>Grid-Based Design: Six Creative Column Techniques | How-To | Smashing Magazine</title>
    <dc:date>2008-03-27T23:41:18+00:00</dc:date>
    <link>http://www.smashingmagazine.com/2008/03/26/grid-based-design-six-creative-column-techniques/</link>
    <dc:creator>dogwonder</dc:creator><dc:subject>css layout webdesign grid tutorial</dc:subject>
<dc:identifier>https://pinboard.in/u:dogwonder/b:99ea2d433b66/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:grid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:tutorial"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.noupe.com/design/101-css-techniques-of-all-time-part-1.html#more">
    <title>101 CSS Techniques Of All Time- Part 1</title>
    <dc:date>2008-01-25T23:30:42+00:00</dc:date>
    <link>http://www.noupe.com/design/101-css-techniques-of-all-time-part-1.html#more</link>
    <dc:creator>dogwonder</dc:creator><dc:subject>design howto internet layout programming webdesign css tutorials</dc:subject>
<dc:identifier>https://pinboard.in/u:dogwonder/b:33eafdec8d02/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:howto"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:internet"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:programming"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:tutorials"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://centricle.com/ref/css/filters/">
    <title>centricle : css filters (css hacks)</title>
    <dc:date>2008-01-09T16:25:29+00:00</dc:date>
    <link>http://centricle.com/ref/css/filters/</link>
    <dc:creator>dogwonder</dc:creator><dc:subject>browser css hacks layout hack</dc:subject>
<dc:identifier>https://pinboard.in/u:dogwonder/b:d35888345038/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:browser"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:hacks"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:hack"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.swisslegacy.com/">
    <title>Graphic Design and typography - Swiss Legacy</title>
    <dc:date>2007-12-06T16:25:28+00:00</dc:date>
    <link>http://www.swisslegacy.com/</link>
    <dc:creator>dogwonder</dc:creator><dc:subject>Blogs design graphics grids webdesign daily layout reference typography</dc:subject>
<dc:identifier>https://pinboard.in/u:dogwonder/b:09c064b0df78/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:Blogs"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:graphics"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:grids"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:daily"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:reference"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:typography"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.styleignite.com/articles/view/analysis-of-web-20-design-layout-trends-part-1-clean-colorful-and-horizontally-divided">
    <title>StyleIgnite.com &gt; Articles</title>
    <dc:date>2007-11-15T22:39:32+00:00</dc:date>
    <link>http://www.styleignite.com/articles/view/analysis-of-web-20-design-layout-trends-part-1-clean-colorful-and-horizontally-divided</link>
    <dc:creator>dogwonder</dc:creator><description><![CDATA[Analysis of Web 2.0 Design & Layout Trends – Part 1: Clean, Colorful and Horizontally Divided
]]></description>
<dc:subject>blog code community css design web2.0 webdesign layout style daily</dc:subject>
<dc:identifier>https://pinboard.in/u:dogwonder/b:e9148494b432/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:blog"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:code"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:community"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:web2.0"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:style"/>
	<rdf:li rdf:resource="https://pinboard.in/u:dogwonder/t:daily"/>
</rdf:Bag></taxo:topics>
</item>
</rdf:RDF>