<?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 (fjordaan)</title>
    <link>https://pinboard.in/u:fjordaan/public/</link>
    <description>recent bookmarks from fjordaan</description>
    <items>
      <rdf:Seq>	<rdf:li rdf:resource="https://iangmcdowell.com/blog/posts/laying-out-a-book-with-css/"/>
	<rdf:li rdf:resource="https://autogram.is/discussing/pattern-wise-system-foolish/"/>
	<rdf:li rdf:resource="https://ask.metafilter.com/381949/Comics-Layout-Books-Blogs-Advice"/>
	<rdf:li rdf:resource="https://pagedjs.org/about/"/>
	<rdf:li rdf:resource="https://twitter.com/davidm_ml/status/1764256604407415210?s=43&amp;t=DcVppoW0WQoW2NMN_iXRZw"/>
	<rdf:li rdf:resource="https://www.joshwcomeau.com/css/rules-of-margin-collapse/"/>
	<rdf:li rdf:resource="https://www.joshwcomeau.com/css/full-bleed/"/>
	<rdf:li rdf:resource="https://ishadeed.com/article/grid-layout-flexbox-components/"/>
	<rdf:li rdf:resource="https://developer.apple.com/news/?id=v56qu1b3"/>
	<rdf:li rdf:resource="https://stripe.com/gb"/>
	<rdf:li rdf:resource="https://distill.pub/2017/research-debt/"/>
	<rdf:li rdf:resource="https://magnet.crowdcafe.com/"/>
	<rdf:li rdf:resource="https://medium.freecodecamp.org/the-complete-illustrated-flexbox-tutorial-d35c085dbf35"/>
	<rdf:li rdf:resource="http://flexbox.malven.co/"/>
	<rdf:li rdf:resource="http://grid.malven.co/"/>
	<rdf:li rdf:resource="https://daverupert.com/2018/04/pitfalls-of-card-uis/"/>
	<rdf:li rdf:resource="https://www.nngroup.com/articles/zigzag-page-layout/"/>
	<rdf:li rdf:resource="https://isotope.metafizzy.co/layout-modes.html"/>
	<rdf:li rdf:resource="https://isotope.metafizzy.co/layout-modes/packery.html"/>
	<rdf:li rdf:resource="http://chris.house/blog/a-complete-guide-css-grid-layout/"/>
	<rdf:li rdf:resource="http://purecss.io/"/>
	<rdf:li rdf:resource="https://www.nngroup.com/articles/logo-placement-brand-recall/"/>
	<rdf:li rdf:resource="https://medium.com/@Heydon/flexbox-grid-finesse-4d22b80bfee1#.l7ydkup15"/>
	<rdf:li rdf:resource="http://csstriggers.com/"/>
	<rdf:li rdf:resource="http://chriswrightdesign.com/experiments/using-flexbox-today/"/>
	<rdf:li rdf:resource="http://www.randomhouse.ca/hazlitt/home"/>
	<rdf:li rdf:resource="http://www.quora.com/Pinterest/What-technology-is-used-to-generate-pinterest-coms-absolute-div-stacking-layout"/>
	<rdf:li rdf:resource="http://packery.metafizzy.co/"/>
	<rdf:li rdf:resource="http://www.theonion.com/articles/websites-new-layout-feels-like-deepest-betrayal,32007/"/>
	<rdf:li rdf:resource="http://www.queness.com/post/11133/the-famous-pinterest-dynamic-grid-layout-and-design-inspirations"/>
	<rdf:li rdf:resource="http://masonry.desandro.com/"/>
	<rdf:li rdf:resource="http://www.webappers.com/2012/08/03/a-fluid-asymmetrical-animated-grid-jquery-plugin"/>
	<rdf:li rdf:resource="http://metafizzy.co/"/>
	<rdf:li rdf:resource="http://www.lukew.com/ff/entry.asp?1514"/>
	<rdf:li rdf:resource="http://elliotjaystocks.com/blog/a-better-photoshop-grid-for-responsive-web-design/"/>
	<rdf:li rdf:resource="http://momo.brauchtman.net/2011/09/16/ipad-app-concept-based-on-a-fluid-layout/#comment-313009540"/>
	<rdf:li rdf:resource="http://www.html5rocks.com/tutorials/flexbox/quick/"/>
	<rdf:li rdf:resource="http://desandro.com/resources/jquery-masonry/"/>
	<rdf:li rdf:resource="http://www.gingerbeardman.com/UK.keylayout/"/>
	<rdf:li rdf:resource="http://alistapart.com/articles/fluidgrids"/>
	<rdf:li rdf:resource="http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/"/>
	<rdf:li rdf:resource="http://css-tricks.com/examples/PerfectFluidWidthLayout/"/>
	<rdf:li rdf:resource="http://blog.redinnovation.com/2008/09/12/designing-a-high-usability-plone-theme/"/>
	<rdf:li rdf:resource="http://www.viget.com/"/>
	<rdf:li rdf:resource="http://www.themaninblue.com/writing/perspective/2006/01/19/"/>
	<rdf:li rdf:resource="https://bugzilla.mozilla.org/show_bug.cgi?id=99457"/>
	<rdf:li rdf:resource="http://www.456bereastreet.com/archive/200704/how_to_prevent_html_tables_from_becoming_too_wide/"/>
	<rdf:li rdf:resource="http://www.subtraction.com/archives/2004/1231_grid_computi.php"/>
	<rdf:li rdf:resource="http://worrydream.com/MagicInk/"/>
	<rdf:li rdf:resource="http://tech.yahoo.com/sp"/>
	<rdf:li rdf:resource="http://adactio.com/journal/1232/"/>
	<rdf:li rdf:resource="http://www.timesonline.co.uk/tol/news/"/>
	<rdf:li rdf:resource="http://daylife.com/cover"/>
	<rdf:li rdf:resource="http://clagnut.com/"/>
	<rdf:li rdf:resource="http://meyerweb.com/eric/css/edge/complexspiral/demo.html"/>
	<rdf:li rdf:resource="http://meyerweb.com/eric/css/edge/"/>
	<rdf:li rdf:resource="http://www.airport-cgn.de/index.php?lang=2"/>
	<rdf:li rdf:resource="http://www.satzansatz.de/cssd/onhavinglayout.html"/>
	<rdf:li rdf:resource="http://v2studio.com/k/"/>
	<rdf:li rdf:resource="http://www.priceline.co.uk/"/>
	<rdf:li rdf:resource="http://www.positioniseverything.net/articles/onetruelayout/"/>
	<rdf:li rdf:resource="http://www.microsoft.com/globaldev/handson/dev/Mideast.mspx"/>
	<rdf:li rdf:resource="http://websitetips.com/design/"/>
	<rdf:li rdf:resource="http://www.ramblers.org.uk/"/>
	<rdf:li rdf:resource="http://www.opera.com/"/>
	<rdf:li rdf:resource="http://www.iht.com/pages/index.php"/>
	<rdf:li rdf:resource="http://iainstitute.org/"/>
	<rdf:li rdf:resource="http://news.independent.co.uk/world/americas/story.jsp?story=93623"/>
	<rdf:li rdf:resource="http://archivist.incutio.com/viewlist/css-discuss/27915"/>
	<rdf:li rdf:resource="http://www.alistapart.com/articles/practicalcss/"/>
      </rdf:Seq>
    </items>
  </channel><item rdf:about="https://iangmcdowell.com/blog/posts/laying-out-a-book-with-css/">
    <title>Laying Out a Print Book With CSS | Ian G McDowell's Blog</title>
    <dc:date>2026-02-02T16:19:01+00:00</dc:date>
    <link>https://iangmcdowell.com/blog/posts/laying-out-a-book-with-css/</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[Last year I published my debut technothriller, The Anshar Gambit, as an eBook. Satisfying, yes, but I’ve spent entirely too much of my life peddling bits. I wanted to hold it. Unsurprisingly, in order to get my book printed, I first needed to submit a pixel-perfect PDF of all the pages. And like any self-respecting nerd, I approached the challenge in the most convoluted way possible.

There’s more of an ecosystem around Paged Media than I realized, and several people pointed out that I missed a major player, paged.js. This script runs in your browser and polyfills the missing features. The upshot is it does everything WeasyPrint does, without losing the browser’s JS interpreter.]]></description>
<dc:subject>ebooks coding CSS layout book typography</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:9b18580052cc/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:ebooks"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:coding"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:CSS"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:book"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:typography"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://autogram.is/discussing/pattern-wise-system-foolish/">
    <title>Pattern Wise, System Foolish — Autogram</title>
    <dc:date>2024-09-11T13:49:40+00:00</dc:date>
    <link>https://autogram.is/discussing/pattern-wise-system-foolish/</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[Design systems are not pattern libraries, and abandoning them for “experimental” AI won’t free us from constraints.]]></description>
<dc:subject>designsystem ai design system jeff eaton thegrid grid layout</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:65e8d2e29710/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:designsystem"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:ai"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:system"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:jeff"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:eaton"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:thegrid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:grid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://ask.metafilter.com/381949/Comics-Layout-Books-Blogs-Advice">
    <title>Comics Layout Books/Blogs/Advice - graphicdesign | Ask MetaFilter</title>
    <dc:date>2024-09-09T09:16:38+00:00</dc:date>
    <link>https://ask.metafilter.com/381949/Comics-Layout-Books-Blogs-Advice</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[As part of my job, I'm writing a script for an online comic. I've read some books on comics writing (e.g. Scott McCloud) that talk about how the comics medium works in general. Are there books or blog posts or websites that talk about what effect this or that specific layout has? Why an artist puts five tall panels on the same tier, or floats small panels in a bigger panel? The sort of thing that a great teacher in an arts class might tell me if I were learning composition?]]></description>
<dc:subject>AskMefi comics layout composition</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:3dae5b853c60/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:AskMefi"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:comics"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:composition"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://pagedjs.org/about/">
    <title>Paged.js — About Paged.js?</title>
    <dc:date>2024-03-04T14:22:19+00:00</dc:date>
    <link>https://pagedjs.org/about/</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[Paged.js is a free and open source JavaScript library that paginates content in the browser to create PDF output from any HTML content. This means you can design works for print (eg. books) using HTML and CSS!]]></description>
<dc:subject>css layout pdf print printing</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:df64cec6f997/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:pdf"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:print"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:printing"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://twitter.com/davidm_ml/status/1764256604407415210?s=43&amp;t=DcVppoW0WQoW2NMN_iXRZw">
    <title>David Mraz on X: &quot;Create holy grail layout using CSS grid 🚀 Code in the comments 🧑‍💻 https://t.co/Xmm0Y69AzI&quot; / X</title>
    <dc:date>2024-03-04T10:34:18+00:00</dc:date>
    <link>https://twitter.com/davidm_ml/status/1764256604407415210?s=43&amp;t=DcVppoW0WQoW2NMN_iXRZw</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[Create holy grail layout using CSS grid 🚀
Code in the comments]]></description>
<dc:subject>css holygrail column layout</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:28720ed278e5/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:holygrail"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:column"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://www.joshwcomeau.com/css/rules-of-margin-collapse/">
    <title>The Rules of Margin Collapse</title>
    <dc:date>2020-12-10T10:13:59+00:00</dc:date>
    <link>https://www.joshwcomeau.com/css/rules-of-margin-collapse/</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[In CSS, adjacent margins can sometimes overlap. This is known as “margin collapse”, and it has a reputation for being quite dastardly.]]></description>
<dc:subject>css margin layout joshwcomeau collapse</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:e5076f5d024d/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:margin"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:joshwcomeau"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:collapse"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://www.joshwcomeau.com/css/full-bleed/">
    <title>CSS Grid full-bleed layout tutorial</title>
    <dc:date>2020-12-10T10:12:13+00:00</dc:date>
    <link>https://www.joshwcomeau.com/css/full-bleed/</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[As the web has evolved, I've discovered a new aspirational layout. It offers a fantastic user experience, especially for long-form text content like news articles or documentation. But, like its predecessor, it's been deceptively hard to achieve; most implementations require obscure hacks or counterintuitive tricks. I recently discovered an elegant solution to this problem using CSS Grid. In this post, we'll learn how it works!]]></description>
<dc:subject>columns css grid layout joshwcomeau holy grail wide</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:6b702b9b6ef2/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:columns"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:grid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:joshwcomeau"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:holy"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:grail"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:wide"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://ishadeed.com/article/grid-layout-flexbox-components/">
    <title>Grid for layout, Flexbox for components</title>
    <dc:date>2020-07-28T09:40:20+00:00</dc:date>
    <link>https://ishadeed.com/article/grid-layout-flexbox-components/</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[Let me be clear about that, there is no direct way to decide between CSS grid and flexbox. Adding on that, there is no correct or incorrect way to use them. This article is a kind of guide that recommends using a technique for a specific use-case. I will explain the general concept, and then go into examples, and the rest is on you to explore and experiment more.]]></description>
<dc:subject>grid flexbox css layout Ahmad Shadeed</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:fe727a553d05/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:grid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:flexbox"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:Ahmad"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:Shadeed"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://developer.apple.com/news/?id=v56qu1b3">
    <title>Enhance the VoiceOver experience in your app - Discover - Apple Developer</title>
    <dc:date>2020-06-01T09:14:08+00:00</dc:date>
    <link>https://developer.apple.com/news/?id=v56qu1b3</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[When you group your accessibility elements, VoiceOver will describe them together, which can speed up navigation through your app. For example, you might group a view that contains a title, text, and a time stamp label, as with Health’s Heart Rate title, heartbeat reading, and time of latest reading.]]></description>
<dc:subject>ios app accessibility voiceover grouping swipe layout</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:71a95675afd9/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:ios"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:app"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:accessibility"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:voiceover"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:grouping"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:swipe"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://stripe.com/gb">
    <title>Online payment processing for internet businesses - Stripe</title>
    <dc:date>2019-09-07T09:52:39+00:00</dc:date>
    <link>https://stripe.com/gb</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[ Stripe is the best software platform for running an internet business. We handle billions of dollars every year for forward-thinking businesses around the world. ]]></description>
<dc:subject>CSS ecommerce inspiration landing homepage layout</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:d2ce98f3cf06/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:CSS"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:ecommerce"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:inspiration"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:landing"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:homepage"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://distill.pub/2017/research-debt/">
    <title>Research Debt</title>
    <dc:date>2019-07-30T08:43:32+00:00</dc:date>
    <link>https://distill.pub/2017/research-debt/</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[Achieving a research-level understanding of most topics is like climbing a mountain. Aspiring researchers must struggle to understand vast bodies of work that came before them, to learn techniques, and to gain intuition. Upon reaching the top, the new researcher begins doing novel work, throwing new stones onto the top of the mountain and making it a little taller for whoever comes next. ]]></description>
<dc:subject>academia science design layout scientific publication publisher citation bibtext typography illustration</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:72702e45fd46/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:academia"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:science"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:scientific"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:publication"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:publisher"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:citation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:bibtext"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:typography"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:illustration"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://magnet.crowdcafe.com/">
    <title>Magnet – Window manager for Mac</title>
    <dc:date>2019-07-01T10:28:26+00:00</dc:date>
    <link>https://magnet.crowdcafe.com/</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[Activated by dragging, customizable keyboard shortcuts or via menu bar, Magnet declutters your screen by snapping windows into organized tiles.]]></description>
<dc:subject>mac manager macos tiling window layout snap</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:a7a297ccaff6/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:mac"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:manager"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:macos"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:tiling"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:window"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:snap"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://medium.freecodecamp.org/the-complete-illustrated-flexbox-tutorial-d35c085dbf35">
    <title>The Complete Illustrated Flexbox Tutorial – freeCodeCamp</title>
    <dc:date>2018-08-10T14:03:14+00:00</dc:date>
    <link>https://medium.freecodecamp.org/the-complete-illustrated-flexbox-tutorial-d35c085dbf35</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[When I started to learn flex I wanted to see everything it was capable of. But when it came to examples of all properties, visually I wasn’t able to find a thorough tutorial. So, I created these diagrams that offer a bird’s 🐦 eye view.]]></description>
<dc:subject>css guide layout tutorial flexbox reference flex</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:e9e6df99c016/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:guide"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:tutorial"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:flexbox"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:reference"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:flex"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://flexbox.malven.co/">
    <title>FLEX: A simple visual cheatsheet for flexbox</title>
    <dc:date>2018-08-10T13:58:47+00:00</dc:date>
    <link>http://flexbox.malven.co/</link>
    <dc:creator>fjordaan</dc:creator><dc:subject>flex flexbox css layout cheatsheet reference</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:eb3a81d6ba97/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:flex"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:flexbox"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:cheatsheet"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:reference"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://grid.malven.co/">
    <title>GRID: A simple visual cheatsheet for CSS Grid Layout</title>
    <dc:date>2018-08-10T13:54:45+00:00</dc:date>
    <link>http://grid.malven.co/</link>
    <dc:creator>fjordaan</dc:creator><dc:subject>cheatsheet css grid layout reference</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:42cf635b5a4a/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:cheatsheet"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:grid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:reference"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://daverupert.com/2018/04/pitfalls-of-card-uis/">
    <title>Pitfalls of Card UIs - daverupert.com</title>
    <dc:date>2018-04-07T18:42:35+00:00</dc:date>
    <link>https://daverupert.com/2018/04/pitfalls-of-card-uis/</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[RT @sjors: Great article on the challenges of Card UIs: ]]></description>
<dc:subject>card layout flex</dc:subject>
<dc:source>https://twitter.com/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:85e04cbad793/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:card"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:flex"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://www.nngroup.com/articles/zigzag-page-layout/">
    <title>Zigzag Image–Text Layouts Make Scanning Less Efficient</title>
    <dc:date>2018-01-03T12:22:51+00:00</dc:date>
    <link>https://www.nngroup.com/articles/zigzag-page-layout/</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[Summary: Decorative images used in an alternating list layout caused users to stumble when scanning the page in an eyetracking study. Users scanned efficiently on pages where text and imagery were vertically aligned. ]]></description>
<dc:subject>layout ux usability nngroup zig-zag alternating</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:1dbe43621895/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:ux"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:usability"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:nngroup"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:zig-zag"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:alternating"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://isotope.metafizzy.co/layout-modes.html">
    <title>Isotope · Layout modes</title>
    <dc:date>2017-11-11T17:56:56+00:00</dc:date>
    <link>https://isotope.metafizzy.co/layout-modes.html</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[Isotope can position items with different layout modes. Set and change the layout mode with the layoutMode option.]]></description>
<dc:subject>isotope masonry javascript layout blocks</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:f1272433e62b/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:isotope"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:masonry"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:blocks"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://isotope.metafizzy.co/layout-modes/packery.html">
    <title>Isotope · packery</title>
    <dc:date>2017-07-03T21:09:37+00:00</dc:date>
    <link>https://isotope.metafizzy.co/layout-modes/packery.html</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[The packery layout mode uses a bin-packing algorithm. This is a fancy way of saying “it fills empty gaps.”]]></description>
<dc:subject>masonry javascript layout stack squares</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:91d790a53224/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:masonry"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:stack"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:squares"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://chris.house/blog/a-complete-guide-css-grid-layout/">
    <title>A Complete Guide to CSS Grid Layout | Chris House</title>
    <dc:date>2017-04-03T10:44:34+00:00</dc:date>
    <link>http://chris.house/blog/a-complete-guide-css-grid-layout/</link>
    <dc:creator>fjordaan</dc:creator><dc:subject>css grid layout reference</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:82fccd587d51/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:grid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:reference"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://purecss.io/">
    <title>Pure</title>
    <dc:date>2016-10-10T11:06:32+00:00</dc:date>
    <link>http://purecss.io/</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[ Pure is ridiculously tiny. The entire set of modules clocks in at 4.0KB* minified and gzipped. Crafted with mobile devices in mind, it was important to us to keep our file sizes small, and every line of CSS was carefully considered. If you decide to only use a subset of these modules, you'll save even more bytes. ]]></description>
<dc:subject>css framework layout responsive yahoo small minimal</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:d5b8e3335fe9/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:framework"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:responsive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:yahoo"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:small"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:minimal"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://www.nngroup.com/articles/logo-placement-brand-recall/">
    <title>Website Logo Placement for Maximum Brand Recall</title>
    <dc:date>2016-02-23T14:25:53+00:00</dc:date>
    <link>https://www.nngroup.com/articles/logo-placement-brand-recall/</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[Top left #savedyouaclick RT @NNgroup: Website #Logo Placement for Maximum #Brand Recall  #UX #layout #branding]]></description>
<dc:subject>branding layout Brand savedyouaclick UX Logo</dc:subject>
<dc:source>https://twitter.com/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:570272bbc52f/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:branding"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:Brand"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:savedyouaclick"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:UX"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:Logo"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://medium.com/@Heydon/flexbox-grid-finesse-4d22b80bfee1#.l7ydkup15">
    <title>Flexbox Grid Finesse — Medium</title>
    <dc:date>2015-12-03T16:50:41+00:00</dc:date>
    <link>https://medium.com/@Heydon/flexbox-grid-finesse-4d22b80bfee1#.l7ydkup15</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[In this article, I’ll cover a few techniques to exploit Flexbox’s internal algorithms and design seamless grids intended for changing quantities and varied dimensions of content.]]></description>
<dc:subject>flexbox css layout grid</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:2db847a7d755/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:flexbox"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:grid"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://csstriggers.com/">
    <title>CSS Triggers... A game of layout, paint, and composite</title>
    <dc:date>2015-03-10T16:10:07+00:00</dc:date>
    <link>http://csstriggers.com/</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[You'll want to stick to transitioning transform and opacity as much as possible. Altering anything else can be costly at a larger scale.
Transitioning layout properties creates browser paint and composite issues.]]></description>
<dc:subject>css css3 layout performance jank paint transform transition</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:08043c8af44f/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:performance"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:jank"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:paint"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:transform"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:transition"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://chriswrightdesign.com/experiments/using-flexbox-today/">
    <title>Experiment: Using Flexbox Today - Chris Wright</title>
    <dc:date>2015-02-12T16:36:58+00:00</dc:date>
    <link>http://chriswrightdesign.com/experiments/using-flexbox-today/</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[In this experiment, I'm attempting to show the value of Flexbox in today's layouts, outline a strategy for adding it and give a few examples of how Flexbox can give current layouts extra powers that we either couldn't achieve, or were difficult to achieve before. ]]></description>
<dc:subject>css3 layout flexbox tutorial CSS</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:8050ca1a5903/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:flexbox"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:tutorial"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:CSS"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.randomhouse.ca/hazlitt/home">
    <title>Hazlitt | Hazlitt</title>
    <dc:date>2014-07-21T12:56:28+00:00</dc:date>
    <link>http://www.randomhouse.ca/hazlitt/home</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[Random House magazine]]></description>
<dc:subject>grid design inspiration layout magazine randomhouse canada</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:f648317ec1e5/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:grid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:inspiration"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:magazine"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:randomhouse"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:canada"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.quora.com/Pinterest/What-technology-is-used-to-generate-pinterest-coms-absolute-div-stacking-layout">
    <title>(15) Pinterest: What technology is used to generate pinterest.com's absolute div stacking layout? - Quora</title>
    <dc:date>2013-04-30T08:44:23+00:00</dc:date>
    <link>http://www.quora.com/Pinterest/What-technology-is-used-to-generate-pinterest-coms-absolute-div-stacking-layout</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[I wrote the Pinterest script. Here's the base of how it works:]]></description>
<dc:subject>algorithm javascript pinterest layout masonry grid</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:e5ed53245b94/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:algorithm"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:pinterest"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:masonry"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:grid"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://packery.metafizzy.co/">
    <title>Packery</title>
    <dc:date>2013-04-16T10:47:35+00:00</dc:date>
    <link>http://packery.metafizzy.co/</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[The bin-packing layout library]]></description>
<dc:subject>javascript layout masonry packing grid reorder</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:9a79dcb4ea0b/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:masonry"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:packing"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:grid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:reorder"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.theonion.com/articles/websites-new-layout-feels-like-deepest-betrayal,32007/">
    <title>Website's New Layout Feels Like Deepest Betrayal</title>
    <dc:date>2013-04-11T08:26:43+00:00</dc:date>
    <link>http://www.theonion.com/articles/websites-new-layout-feels-like-deepest-betrayal,32007/</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[Local woman Rebecca Lovett, 29, reported feeling “betrayal’s stinging lance” upon discovering the website had undergone a layout redesign. “What treason is this? Like a fool I trusted them, and my trust was rewarded with cruel duplicity,” said Lovett of the the site’s new scrolling blog format. ]]></description>
<dc:subject>onion theonion redesign layout funny</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:7dadff741fce/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:onion"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:theonion"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:redesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:funny"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.queness.com/post/11133/the-famous-pinterest-dynamic-grid-layout-and-design-inspirations">
    <title>The Famous Pinterest Dynamic Grid Layout and Design Inspirations | Queness</title>
    <dc:date>2012-08-03T12:36:06+00:00</dc:date>
    <link>http://www.queness.com/post/11133/the-famous-pinterest-dynamic-grid-layout-and-design-inspirations</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[In this post, we have gathered 3 plugins and a ruby based pinterest clone layout. If you want to create a similar layout, these plugins could help you to do it fairly quickly.]]></description>
<dc:subject>javascript dynamic grid layout pinterest masonry</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:10454dd600fb/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:dynamic"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:grid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:pinterest"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:masonry"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://masonry.desandro.com/">
    <title>jQuery Masonry</title>
    <dc:date>2012-08-03T12:31:18+00:00</dc:date>
    <link>http://masonry.desandro.com/</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[A dynamic layout plugin for jQuery
The flip-side of CSS floats]]></description>
<dc:subject>grid javascript jquery plugin layout desandro pinterest</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:72d831984761/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:grid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:plugin"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:desandro"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:pinterest"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.webappers.com/2012/08/03/a-fluid-asymmetrical-animated-grid-jquery-plugin">
    <title>A Fluid Asymmetrical Animated Grid jQuery Plugin | Web Resources | WebAppers</title>
    <dc:date>2012-08-03T12:28:17+00:00</dc:date>
    <link>http://www.webappers.com/2012/08/03/a-fluid-asymmetrical-animated-grid-jquery-plugin</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[Flex is a fluid asymmetrical animated grid plugin for jQuery. You can mouse over the tiles to see them expand. Flex is an idea inspired by the old flash homepage on Adidas.com.]]></description>
<dc:subject>jquery plugin flex fluid animated grid layout boxesandarrows</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:bde09692f2a5/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:plugin"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:flex"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:fluid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:animated"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:grid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:boxesandarrows"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://metafizzy.co/">
    <title>Metafizzy</title>
    <dc:date>2012-05-09T08:43:41+00:00</dc:date>
    <link>http://metafizzy.co/</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[Isotope
An exquisite jQuery plugin for magical layouts. Enables filtering, sorting, and dynamic layouts.
jQuery Masonry
A dynamic jQuery plugin for the flip-side of CSS Floats.]]></description>
<dc:subject>css javascript jquery plugins layout masonry grid css3 rainbow shadow desandro</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:d7639ed70fba/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:plugins"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:masonry"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:grid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:rainbow"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:shadow"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:desandro"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.lukew.com/ff/entry.asp?1514">
    <title>LukeW | Multi-Device Layout Patterns</title>
    <dc:date>2012-04-11T11:40:53+00:00</dc:date>
    <link>http://www.lukew.com/ff/entry.asp?1514</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[Through fluid grids and media query adjustments, responsive design enables Web page layouts to adapt to a variety of screen sizes. As more designers embrace this technique, we're not only seeing a lot of innovation but the emergence of clear patterns as well. I cataloged what seem to be the most popular of these patterns for adaptable multi-device layouts.]]></description>
<dc:subject>layout mobile patterns responsive lukew multi-device multiple device off-screen navigation swipe</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:fc560bac5f19/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:mobile"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:patterns"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:responsive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:lukew"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:multi-device"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:multiple"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:device"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:off-screen"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:navigation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:swipe"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://elliotjaystocks.com/blog/a-better-photoshop-grid-for-responsive-web-design/">
    <title>A better Photoshop grid for responsive web design » Blog » Elliot Jay Stocks</title>
    <dc:date>2012-02-09T10:52:06+00:00</dc:date>
    <link>http://elliotjaystocks.com/blog/a-better-photoshop-grid-for-responsive-web-design/</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[Compare that to a container that has a width of 1000px. 1000 is a nice, easy, round number. Dividing by 1000 results in clean percentages and better still, dividing by 1000 is something we can do in our heads: just remove the zero. A 140px column inside a 1000px container is 14%. A 500px column in a 1000px container is 50%. 320px is 32%. Easy!]]></description>
<dc:subject>photoshop grid responsive fluid liquid layout</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:1c08bfce114b/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:photoshop"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:grid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:responsive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:fluid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:liquid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://momo.brauchtman.net/2011/09/16/ipad-app-concept-based-on-a-fluid-layout/#comment-313009540">
    <title>iPad App concept based on a fluid layout | Moritz Haarmann's Blog</title>
    <dc:date>2011-09-16T13:06:05+00:00</dc:date>
    <link>http://momo.brauchtman.net/2011/09/16/ipad-app-concept-based-on-a-fluid-layout/#comment-313009540</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[I’m going to discuss briefly a concept idea i had recently, replacing full-screen view controllers with a .. fluid layout. Just look at the video first to get an idea of what I’m talking about. Keep in mind that this is in no way a finished/polished app ( and probably will never be one, considering trademarks and stuff ).]]></description>
<dc:subject>ipad concept layout ui fluid twitter francois comment ikea</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:c60360103527/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:ipad"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:concept"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:ui"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:fluid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:twitter"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:francois"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:comment"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:ikea"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.html5rocks.com/tutorials/flexbox/quick/">
    <title>HTML5 Rocks - Quick hits with the Flexible Box Model</title>
    <dc:date>2011-03-09T22:39:57+00:00</dc:date>
    <link>http://www.html5rocks.com/tutorials/flexbox/quick/</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[I'd bet that you've done your fair share of styling elements to be arranged horizontally or vertically on a page. As of yet, though, CSS has lacked a suitable mechanism for this task. Enter the CSS3 Flexible Box Module, or Flexbox for short.]]></description>
<dc:subject>css3 html5 layout flexbox paulirish</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:a841b5eb9451/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:html5"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:flexbox"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:paulirish"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://desandro.com/resources/jquery-masonry/">
    <title>jQuery Masonry · David DeSandro</title>
    <dc:date>2010-03-18T23:22:06+00:00</dc:date>
    <link>http://desandro.com/resources/jquery-masonry/</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[Masonry is a layout plugin for jQuery. Think of it as the flip side of CSS floats. Whereas floating arranges elements horizontally then vertically, Masonry arranges elements vertically then horizontally according to a grid. The result minimizes vertical gaps between elements of varying height, just like a mason fitting stones in a wall.]]></description>
<dc:subject>columns css jquery layout daviddesandro float alternative grid boxes fit masonry</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:951f2b8c8454/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:columns"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:daviddesandro"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:float"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:alternative"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:grid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:boxes"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:fit"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:masonry"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.gingerbeardman.com/UK.keylayout/">
    <title>UK.keylayout - UK keyboard mapping for Mac OS X 10.2 or higher</title>
    <dc:date>2010-01-14T14:25:48+00:00</dc:date>
    <link>http://www.gingerbeardman.com/UK.keylayout/</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[The standard British key layout makes a UK-issue Apple keyboard work as it should do, but for some of us who have typed on non-Apple keyboards our whole lives - or for those Mac owners who are using a third-party keyboard - the Apple standard layout doesn't feel quite right. For example, Shift+2 gives you @, whereas on more standard keyboards it gives you ".
]]></description>
<dc:subject>uk layout keyboard mac osx fix british</dc:subject>
<dc:identifier>https://pinboard.in/u:fjordaan/b:6cbbf25ec2f6/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:uk"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:keyboard"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:mac"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:osx"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:fix"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:british"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://alistapart.com/articles/fluidgrids">
    <title>A List Apart: Articles: Fluid Grids</title>
    <dc:date>2009-03-16T15:07:50+00:00</dc:date>
    <link>http://alistapart.com/articles/fluidgrids</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[However, our client had one last, heart-stopping requirement: the design had to be fluid and resize with the browser window.
]]></description>
<dc:subject>netvouzimported netvouzpublic alistapart css fluid grid hack ie6 layout liquid max-width</dc:subject>
<dc:identifier>https://pinboard.in/u:fjordaan/b:b29d9a1f7b6e/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzimported"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzpublic"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:alistapart"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:fluid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:grid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:hack"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:ie6"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:liquid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:max-width"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/">
    <title>Mozilla Webdev » Blog Archive » Cross-Browser Inline-Block</title>
    <dc:date>2009-03-04T19:53:07+00:00</dc:date>
    <link>http://blog.mozilla.com/webdev/2009/02/20/cross-browser-inline-block/</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[Ah, inline-block, that elusive and oh so tempting display declaration that promises so much, yet delivers so little. Too many times have I received PSD files like this: Gallery Design and begin to cry. Normally, this type of layout would be a cakewalk. Fixed width, fixed height, float:left and you’re done. Buuuuut, the design needs to work with variable amounts of content, which means if one of these blocks has more content than the others, it will break the layout:
]]></description>
<dc:subject>netvouzimported netvouzpublic cross-browser css gallery grid inline-block layout</dc:subject>
<dc:identifier>https://pinboard.in/u:fjordaan/b:fbddc6899195/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzimported"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzpublic"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:cross-browser"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:gallery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:grid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:inline-block"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://css-tricks.com/examples/PerfectFluidWidthLayout/">
    <title>The Perfect Fluid Width Layout</title>
    <dc:date>2008-10-03T08:31:21+00:00</dc:date>
    <link>http://css-tricks.com/examples/PerfectFluidWidthLayout/</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[Why is this layout "perfect"? * Works in all major browsers * Shrinks to 780px This accommodates users with 800x600 resolution, with no horizontal scroll! * Grows to 1260px This accommodates users with 1280x768 resolution and everything in between. * This accomodates 90* of all internet users. You could easily make this layout grow larger, but be mindful of how line-length affects readability. Nobody wants to read a line of text 1980px long. * The left sidebar is of "equal height" to the main content
]]></description>
<dc:subject>netvouzimported netvouzpublic css fluid layout liquid max min perfect width</dc:subject>
<dc:identifier>https://pinboard.in/u:fjordaan/b:f4e5811dc6b9/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzimported"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzpublic"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:fluid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:liquid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:max"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:min"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:perfect"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:width"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://blog.redinnovation.com/2008/09/12/designing-a-high-usability-plone-theme/">
    <title>Designing a high usability Plone theme | Redi for Life</title>
    <dc:date>2008-10-03T08:28:06+00:00</dc:date>
    <link>http://blog.redinnovation.com/2008/09/12/designing-a-high-usability-plone-theme/</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[Often external artist is used to design a site theme. Artists might or might not have seen Plone, artists might or might not have any basic usability know how. This article should explain the elements which "must be there" to make a match between the theme and Plone easily.
]]></description>
<dc:subject>netvouzimported netvouzpublic css design layout mikko ohtamaa plone theme</dc:subject>
<dc:identifier>https://pinboard.in/u:fjordaan/b:3c8655d0f82a/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzimported"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzpublic"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:mikko"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:ohtamaa"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:plone"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:theme"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.viget.com/">
    <title>Web Strategy, Web Design, Web Development, and Web Marketing at Viget Labs</title>
    <dc:date>2008-08-19T08:25:51+00:00</dc:date>
    <link>http://www.viget.com/</link>
    <dc:creator>fjordaan</dc:creator><dc:subject>netvouzimported netvouzpublic agency american blogs design expressionengine layout microformats odeo portfolio squidoo typography viget</dc:subject>
<dc:identifier>https://pinboard.in/u:fjordaan/b:92359d219001/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzimported"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzpublic"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:agency"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:american"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:blogs"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:expressionengine"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:microformats"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:odeo"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:portfolio"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:squidoo"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:typography"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:viget"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.themaninblue.com/writing/perspective/2006/01/19/">
    <title>The Man in Blue &gt; Resolution dependent layout update</title>
    <dc:date>2008-08-08T20:34:54+00:00</dc:date>
    <link>http://www.themaninblue.com/writing/perspective/2006/01/19/</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[Change CSS layout according to browser width
]]></description>
<dc:subject>netvouzimported netvouzpublic browser change css layout script themaninblue width</dc:subject>
<dc:identifier>https://pinboard.in/u:fjordaan/b:313d2833d629/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzimported"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzpublic"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:browser"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:change"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:script"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:themaninblue"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:width"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://bugzilla.mozilla.org/show_bug.cgi?id=99457">
    <title>Bug 99457 – Support word-wrap (breaks long lines)</title>
    <dc:date>2008-02-26T11:21:43+00:00</dc:date>
    <link>https://bugzilla.mozilla.org/show_bug.cgi?id=99457</link>
    <dc:creator>fjordaan</dc:creator><dc:subject>netvouzimported netvouzpublic break-word bugzilla css layout overflow url word-wrap wrap</dc:subject>
<dc:identifier>https://pinboard.in/u:fjordaan/b:6a97acb88c3d/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzimported"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzpublic"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:break-word"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:bugzilla"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:overflow"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:url"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:word-wrap"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:wrap"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.456bereastreet.com/archive/200704/how_to_prevent_html_tables_from_becoming_too_wide/">
    <title>How to prevent HTML tables from becoming too wide | 456 Berea Street</title>
    <dc:date>2008-02-26T11:20:44+00:00</dc:date>
    <link>http://www.456bereastreet.com/archive/200704/how_to_prevent_html_tables_from_becoming_too_wide/</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[The layout model of tables differ from that of block level elements in that they will normally expand beyond their specified width to make their contents fit. At first that may sound like a good thing – and it often is – but it makes it possible for oversized content to make text unreadable or completely break a site’s layout, especially in Internet Explorer.
]]></description>
<dc:subject>netvouzimported netvouzpublic 456bereastreet break-word css layout overflow table table-layout url word-wrap wrap</dc:subject>
<dc:identifier>https://pinboard.in/u:fjordaan/b:3be30e2eeb82/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzimported"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzpublic"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:456bereastreet"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:break-word"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:overflow"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:table"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:table-layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:url"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:word-wrap"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:wrap"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.subtraction.com/archives/2004/1231_grid_computi.php">
    <title>Subtraction: Grid Computing… and Design</title>
    <dc:date>2007-12-01T14:27:27+00:00</dc:date>
    <link>http://www.subtraction.com/archives/2004/1231_grid_computi.php</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[The new layout uses eight columns and four ‘super columns,’ and it shoehorns everything into that structure
]]></description>
<dc:subject>netvouzimported netvouzpublic demo design grid khoi layout subtraction vinh</dc:subject>
<dc:identifier>https://pinboard.in/u:fjordaan/b:d3caa810f42f/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzimported"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzpublic"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:demo"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:grid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:khoi"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:subtraction"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:vinh"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://worrydream.com/MagicInk/">
    <title>Magic Ink: Information Software and the Graphical Interface</title>
    <dc:date>2007-04-02T22:22:16+00:00</dc:date>
    <link>http://worrydream.com/MagicInk/</link>
    <dc:creator>fjordaan</dc:creator><dc:subject>netvouzimported netvouzpublic bret contents graphical information ink interface layout magic manifesto markdown software toc victor worrydream</dc:subject>
<dc:identifier>https://pinboard.in/u:fjordaan/b:b36cfb7c311f/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzimported"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzpublic"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:bret"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:contents"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:graphical"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:information"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:ink"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:interface"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:magic"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:manifesto"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:markdown"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:software"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:toc"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:victor"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:worrydream"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://tech.yahoo.com/sp">
    <title>Search for &quot;Digital Cameras&quot; on Yahoo! Tech</title>
    <dc:date>2007-03-14T22:15:52+00:00</dc:date>
    <link>http://tech.yahoo.com/sp</link>
    <dc:creator>fjordaan</dc:creator><dc:subject>netvouzimported netvouzpublic ajax cameras compare design digicams dynamic facets layout page products refresh ria slider tech yahoo</dc:subject>
<dc:identifier>https://pinboard.in/u:fjordaan/b:32028ad751af/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzimported"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzpublic"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:ajax"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:cameras"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:compare"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:digicams"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:dynamic"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:facets"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:page"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:products"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:refresh"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:ria"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:slider"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:tech"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:yahoo"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://adactio.com/journal/1232/">
    <title>Adactio: Journal - New Year?s Resolution (browser sizes)</title>
    <dc:date>2007-03-04T18:30:20+00:00</dc:date>
    <link>http://adactio.com/journal/1232/</link>
    <dc:creator>fjordaan</dc:creator><dc:subject>netvouzimported netvouzpublic adactio browser fixed fluid layout liquid resolution size</dc:subject>
<dc:identifier>https://pinboard.in/u:fjordaan/b:67a5b7e61b76/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzimported"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzpublic"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:adactio"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:browser"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:fixed"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:fluid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:liquid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:resolution"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:size"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.timesonline.co.uk/tol/news/">
    <title>The Times</title>
    <dc:date>2007-03-04T18:30:20+00:00</dc:date>
    <link>http://www.timesonline.co.uk/tol/news/</link>
    <dc:creator>fjordaan</dc:creator><dc:subject>netvouzimported netvouzpublic dhtml dropdown genetic layout menu screening thetimes times</dc:subject>
<dc:identifier>https://pinboard.in/u:fjordaan/b:9a51af30c5db/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzimported"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzpublic"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:dhtml"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:dropdown"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:genetic"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:menu"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:screening"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:thetimes"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:times"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://daylife.com/cover">
    <title>Daylife</title>
    <dc:date>2007-03-04T18:30:20+00:00</dc:date>
    <link>http://daylife.com/cover</link>
    <dc:creator>fjordaan</dc:creator><dc:subject>netvouzimported netvouzpublic aggregator carousel daylife design flash getty hybrid images layout liquid news ontology parsing</dc:subject>
<dc:identifier>https://pinboard.in/u:fjordaan/b:52876bc55c39/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzimported"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzpublic"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:aggregator"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:carousel"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:daylife"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:flash"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:getty"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:hybrid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:images"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:liquid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:news"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:ontology"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:parsing"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://clagnut.com/">
    <title>clagnut - stick around why don't you</title>
    <dc:date>2006-09-24T21:14:28+00:00</dc:date>
    <link>http://clagnut.com/</link>
    <dc:creator>fjordaan</dc:creator><dc:subject>netvouzimported netvouzpublic accessibility blog brown clagnut colour css design layout meta photos tags</dc:subject>
<dc:identifier>https://pinboard.in/u:fjordaan/b:fc6c64fb4a95/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzimported"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzpublic"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:accessibility"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:blog"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:brown"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:clagnut"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:colour"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:meta"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:photos"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:tags"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://meyerweb.com/eric/css/edge/complexspiral/demo.html">
    <title>Complexspiral Demo</title>
    <dc:date>2006-07-09T08:06:24+00:00</dc:date>
    <link>http://meyerweb.com/eric/css/edge/complexspiral/demo.html</link>
    <dc:creator>fjordaan</dc:creator><dc:subject>netvouzimported netvouzpublic complexspiral css demo edge eric layout meyer meyerweb shell translucency transparency</dc:subject>
<dc:identifier>https://pinboard.in/u:fjordaan/b:d2e8a53bf7de/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzimported"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzpublic"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:complexspiral"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:demo"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:edge"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:eric"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:meyer"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:meyerweb"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:shell"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:translucency"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:transparency"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://meyerweb.com/eric/css/edge/">
    <title>css/edge</title>
    <dc:date>2006-06-29T21:13:02+00:00</dc:date>
    <link>http://meyerweb.com/eric/css/edge/</link>
    <dc:creator>fjordaan</dc:creator><dc:subject>netvouzimported netvouzpublic css edge eric experiment layout meyer meyerweb</dc:subject>
<dc:identifier>https://pinboard.in/u:fjordaan/b:56e2956f2f49/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzimported"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzpublic"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:edge"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:eric"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:experiment"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:meyer"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:meyerweb"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.airport-cgn.de/index.php?lang=2">
    <title>Cologne Bonn Airport</title>
    <dc:date>2006-05-31T21:35:02+00:00</dc:date>
    <link>http://www.airport-cgn.de/index.php?lang=2</link>
    <dc:creator>fjordaan</dc:creator><dc:subject>netvouzimported netvouzpublic accessibility airport bonn cognitive cologne disabilities icons layout liquid signposting simplicity</dc:subject>
<dc:identifier>https://pinboard.in/u:fjordaan/b:840120171ea1/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzimported"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzpublic"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:accessibility"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:airport"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:bonn"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:cognitive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:cologne"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:disabilities"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:icons"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:liquid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:signposting"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:simplicity"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.satzansatz.de/cssd/onhavinglayout.html">
    <title>On having layout ? the concept of hasLayout in IE/Win</title>
    <dc:date>2006-05-13T15:01:58+00:00</dc:date>
    <link>http://www.satzansatz.de/cssd/onhavinglayout.html</link>
    <dc:creator>fjordaan</dc:creator><dc:subject>netvouzimported netvouzpublic bugs css having ie layout satzansatz</dc:subject>
<dc:identifier>https://pinboard.in/u:fjordaan/b:f0e862b95067/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzimported"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzpublic"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:bugs"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:having"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:ie"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:satzansatz"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://v2studio.com/k/">
    <title>K | just k, indeed</title>
    <dc:date>2006-05-13T15:01:58+00:00</dc:date>
    <link>http://v2studio.com/k/</link>
    <dc:creator>fjordaan</dc:creator><dc:subject>netvouzimported netvouzpublic blue css k layout minimal v2studio</dc:subject>
<dc:identifier>https://pinboard.in/u:fjordaan/b:a9cac166a81a/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzimported"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzpublic"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:blue"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:k"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:minimal"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:v2studio"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.priceline.co.uk/">
    <title>priceline.co.uk</title>
    <dc:date>2006-03-21T22:58:21+00:00</dc:date>
    <link>http://www.priceline.co.uk/</link>
    <dc:creator>fjordaan</dc:creator><dc:subject>netvouzimported netvouzpublic airline contentfree design ecom layout plane priceline shopping travel</dc:subject>
<dc:identifier>https://pinboard.in/u:fjordaan/b:0a0e9fce0cd2/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzimported"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzpublic"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:airline"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:contentfree"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:ecom"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:plane"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:priceline"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:shopping"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:travel"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.positioniseverything.net/articles/onetruelayout/">
    <title>Introduction - In search of the One True Layout</title>
    <dc:date>2005-11-10T23:20:12+00:00</dc:date>
    <link>http://www.positioniseverything.net/articles/onetruelayout/</link>
    <dc:creator>fjordaan</dc:creator><dc:subject>netvouzimported netvouzpublic alex css layout positioniseverything robinson</dc:subject>
<dc:identifier>https://pinboard.in/u:fjordaan/b:fb3f5833667c/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzimported"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzpublic"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:alex"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:positioniseverything"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:robinson"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.microsoft.com/globaldev/handson/dev/Mideast.mspx">
    <title>Authoring HTML for Middle Eastern Content</title>
    <dc:date>2005-10-27T20:46:47+00:00</dc:date>
    <link>http://www.microsoft.com/globaldev/handson/dev/Mideast.mspx</link>
    <dc:creator>fjordaan</dc:creator><dc:subject>netvouzimported netvouzpublic bidirectional eastern farsi guidelines hebrew html layout microsoft middle reverse right-to-left righttoleft rtl text urdu</dc:subject>
<dc:identifier>https://pinboard.in/u:fjordaan/b:5ebb393b6d8d/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzimported"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzpublic"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:bidirectional"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:eastern"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:farsi"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:guidelines"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:hebrew"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:microsoft"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:middle"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:reverse"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:right-to-left"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:righttoleft"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:rtl"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:text"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:urdu"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://websitetips.com/design/">
    <title>design and layout, website tips for designers, websitetips.com</title>
    <dc:date>2005-08-21T10:48:52+00:00</dc:date>
    <link>http://websitetips.com/design/</link>
    <dc:creator>fjordaan</dc:creator><dc:subject>netvouzimported netvouzpublic accessibility architecture browser css design layout tips usability website</dc:subject>
<dc:identifier>https://pinboard.in/u:fjordaan/b:8ff85a04949b/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzimported"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzpublic"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:accessibility"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:architecture"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:browser"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:tips"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:usability"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:website"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.ramblers.org.uk/">
    <title>The Ramblers Association - Home</title>
    <dc:date>2005-06-02T22:11:59+00:00</dc:date>
    <link>http://www.ramblers.org.uk/</link>
    <dc:creator>fjordaan</dc:creator><dc:subject>netvouzimported netvouzpublic accessibility alternative css customisable font layout pure ramblers readability resize size standards stylesheet uk walking</dc:subject>
<dc:identifier>https://pinboard.in/u:fjordaan/b:64dc04857e60/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzimported"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzpublic"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:accessibility"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:alternative"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:customisable"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:font"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:pure"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:ramblers"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:readability"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:resize"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:size"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:standards"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:stylesheet"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:uk"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:walking"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.opera.com/">
    <title>Opera Web Browser</title>
    <dc:date>2005-05-07T19:19:35+00:00</dc:date>
    <link>http://www.opera.com/</link>
    <dc:creator>fjordaan</dc:creator><dc:subject>netvouzimported netvouzpublic background browser centered layout opera web wide</dc:subject>
<dc:identifier>https://pinboard.in/u:fjordaan/b:dbf7955dd8b3/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzimported"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzpublic"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:background"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:browser"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:centered"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:opera"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:web"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:wide"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.iht.com/pages/index.php">
    <title>International Herald Tribune</title>
    <dc:date>2005-04-30T14:13:48+00:00</dc:date>
    <link>http://www.iht.com/pages/index.php</link>
    <dc:creator>fjordaan</dc:creator><dc:subject>netvouzimported netvouzpublic banner browserware design dhtml functionality gimmicks herald icons iht international layout navigation news tribune webplication</dc:subject>
<dc:identifier>https://pinboard.in/u:fjordaan/b:68cb2449cd54/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzimported"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzpublic"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:banner"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:browserware"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:dhtml"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:functionality"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:gimmicks"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:herald"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:icons"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:iht"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:international"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:navigation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:news"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:tribune"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:webplication"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://iainstitute.org/">
    <title>AIFIA | Asilomar Institute for Information Architecture</title>
    <dc:date>2005-03-09T23:13:48+00:00</dc:date>
    <link>http://iainstitute.org/</link>
    <dc:creator>fjordaan</dc:creator><dc:subject>netvouzimported netvouzpublic aifia angeles architecture asilomar css explanation ia information institute layout michael minimal organisation pure reference</dc:subject>
<dc:identifier>https://pinboard.in/u:fjordaan/b:b35142069639/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzimported"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzpublic"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:aifia"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:angeles"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:architecture"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:asilomar"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:explanation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:ia"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:information"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:institute"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:michael"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:minimal"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:organisation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:pure"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:reference"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://news.independent.co.uk/world/americas/story.jsp?story=93623">
    <title>Independent News</title>
    <dc:date>2005-02-09T21:37:31+00:00</dc:date>
    <link>http://news.independent.co.uk/world/americas/story.jsp?story=93623</link>
    <dc:creator>fjordaan</dc:creator><dc:subject>netvouzimported netvouzpublic 9-11 fisk independent layout news nyc robert terrorism wtc</dc:subject>
<dc:identifier>https://pinboard.in/u:fjordaan/b:684c1eea1d22/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzimported"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzpublic"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:9-11"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:fisk"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:independent"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:news"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:nyc"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:robert"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:terrorism"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:wtc"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://archivist.incutio.com/viewlist/css-discuss/27915">
    <title>[css-d] CSS thumbnail layout</title>
    <dc:date>2004-12-31T23:38:56+00:00</dc:date>
    <link>http://archivist.incutio.com/viewlist/css-discuss/27915</link>
    <dc:creator>fjordaan</dc:creator><dc:subject>netvouzimported netvouzpublic css layout thumbnail</dc:subject>
<dc:identifier>https://pinboard.in/u:fjordaan/b:0e4350450431/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzimported"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzpublic"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:thumbnail"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.alistapart.com/articles/practicalcss/">
    <title>Practical CSS Layout Tips, Tricks, &amp; Techniques: A List Apart</title>
    <dc:date>2004-12-31T23:38:56+00:00</dc:date>
    <link>http://www.alistapart.com/articles/practicalcss/</link>
    <dc:creator>fjordaan</dc:creator><dc:subject>netvouzimported netvouzpublic alistapart css gallery layout thumbnail</dc:subject>
<dc:identifier>https://pinboard.in/u:fjordaan/b:481178be363a/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzimported"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzpublic"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:alistapart"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:gallery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:thumbnail"/>
</rdf:Bag></taxo:topics>
</item>
</rdf:RDF>