<?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 (berberich)</title>
    <link>https://pinboard.in/u:berberich/public/</link>
    <description>recent bookmarks from berberich</description>
    <items>
      <rdf:Seq>	<rdf:li rdf:resource="https://twitter.com/i/web/status/1106229254763831296"/>
	<rdf:li rdf:resource="https://daneden.me/2018/01/05/subatomic-design-systems/"/>
	<rdf:li rdf:resource="https://css-tricks.com/one-file-many-options-using-variable-fonts-web/"/>
	<rdf:li rdf:resource="https://www.purgecss.com/"/>
	<rdf:li rdf:resource="https://webdesign.tutsplus.com/tutorials/how-to-scroll-snap-using-css--cms-30333"/>
	<rdf:li rdf:resource="http://patrickbrosset.com/lab/2018-01-10-css-alignment-cheatsheet/"/>
	<rdf:li rdf:resource="https://github.com/ibm/css-gridish"/>
	<rdf:li rdf:resource="https://webkul.github.io/micron/"/>
	<rdf:li rdf:resource="http://cssreference.io/"/>
	<rdf:li rdf:resource="https://www.smashingmagazine.com/2018/01/understanding-sizing-css-layout/"/>
	<rdf:li rdf:resource="https://adam-marsden.co.uk/css-cheat-sheet"/>
	<rdf:li rdf:resource="https://picturepan2.github.io/instagram.css/"/>
	<rdf:li rdf:resource="https://font-display.glitch.me/"/>
	<rdf:li rdf:resource="http://learncssgrid.com/"/>
	<rdf:li rdf:resource="http://oddbird.net/2018/01/03/introducing-herman/"/>
	<rdf:li rdf:resource="https://aerolab.co/blog/flexbox-grids/"/>
	<rdf:li rdf:resource="https://bulma.io/"/>
	<rdf:li rdf:resource="https://medium.com/@mciastek/s-css-best-practices-that-you-have-not-yet-known-ba2f6329b5dd"/>
	<rdf:li rdf:resource="https://prettier.io/"/>
	<rdf:li rdf:resource="https://www.smashingmagazine.com/2017/09/css-grid-gotchas-stumbling-blocks/"/>
	<rdf:li rdf:resource="https://mozilladevelopers.github.io/playground/"/>
	<rdf:li rdf:resource="https://www.sitepoint.com/css-font-display-future-font-rendering-web/"/>
	<rdf:li rdf:resource="https://medium.com/@matuzo/writing-css-with-accessibility-in-mind-8514a0007939"/>
	<rdf:li rdf:resource="https://cloudfour.com/thinks/breaking-out-with-css-grid-layout/"/>
	<rdf:li rdf:resource="https://www.rachelandrew.co.uk/archives/2017/06/01/breaking-out-with-css-grid-explained/"/>
	<rdf:li rdf:resource="https://webdesign.tutsplus.com/tutorials/how-to-create-perfectly-centered-text-with-flexbox--cms-27989"/>
	<rdf:li rdf:resource="http://outlinemail.co.uk/"/>
	<rdf:li rdf:resource="http://demos.creative-tim.com/material-kit/index.html"/>
	<rdf:li rdf:resource="https://github.com/NamPNQ/You-Dont-Need-Javascript"/>
	<rdf:li rdf:resource="http://hackerthemes.com/bootstrap-cheatsheet#dropdown"/>
	<rdf:li rdf:resource="https://helloanselm.com/2015/using-webfonts-in-2015/"/>
	<rdf:li rdf:resource="http://zurb.com/playground/motion-ui"/>
	<rdf:li rdf:resource="http://www.vswebessentials.com/"/>
	<rdf:li rdf:resource="https://philipwalton.github.io/solved-by-flexbox/"/>
	<rdf:li rdf:resource="http://materializecss.com/?"/>
	<rdf:li rdf:resource="https://techblog.livingsocial.com/blog/2015/04/06/responsive-tables-in-pure-css/"/>
	<rdf:li rdf:resource="https://jonsuh.com/blog/font-loading-with-font-events/"/>
	<rdf:li rdf:resource="https://css-tricks.com/dropdown-menus-with-more-forgiving-mouse-movement-paths/"/>
	<rdf:li rdf:resource="http://materializecss.com/"/>
	<rdf:li rdf:resource="http://tympanus.net/Development/TextInputEffects/"/>
	<rdf:li rdf:resource="http://zurb.com/ink/inliner.php"/>
	<rdf:li rdf:resource="http://sass-guidelin.es/"/>
	<rdf:li rdf:resource="http://bradfrost.com/blog/post/style-guide-best-practices/"/>
	<rdf:li rdf:resource="http://chriswrightdesign.com/experiments/flexbox-adventures/"/>
	<rdf:li rdf:resource="http://robots.thoughtbot.com/css-animation-for-beginners"/>
	<rdf:li rdf:resource="http://cloudcannon.com/deconstructions/2014/11/15/facebook-content-placeholder-deconstruction.html"/>
	<rdf:li rdf:resource="http://aykevl.nl/2014/09/fix-jumping-scrollbar"/>
	<rdf:li rdf:resource="http://danielmall.com/articles/how-to-make-a-performance-budget/"/>
	<rdf:li rdf:resource="http://getflakes.com"/>
	<rdf:li rdf:resource="http://osvaldas.info/keeping-css-short-with-currentcolor"/>
	<rdf:li rdf:resource="http://www.styleguides.io/"/>
	<rdf:li rdf:resource="http://bramsmulders.com/how-i-improved-my-workflow-with-smacss-sass.html"/>
	<rdf:li rdf:resource="http://css-tricks.com/build-web-layouts-easily-susy/"/>
	<rdf:li rdf:resource="http://sudheerdev.github.io/Foundation5CheatSheet/"/>
	<rdf:li rdf:resource="http://slides.com/sarasoueidan/styling-animating-svgs-with-css--2#/"/>
	<rdf:li rdf:resource="http://www.luster.io/blog/9-29-14-mobile-web-checklist.html"/>
	<rdf:li rdf:resource="http://jonibologna.com/flexbox-cheatsheet/"/>
	<rdf:li rdf:resource="http://codyhouse.co/gem/responsive-tabbed-navigation/"/>
	<rdf:li rdf:resource="http://www.sitepoint.com/sass-for-wordpress-developers/"/>
	<rdf:li rdf:resource="http://codepen.io/patterns/"/>
	<rdf:li rdf:resource="http://componentcss.com/"/>
	<rdf:li rdf:resource="http://codepen.io/aurer/pen/jEGbA"/>
	<rdf:li rdf:resource="http://mapglyphs.com/"/>
	<rdf:li rdf:resource="http://fian.my.id/marka/getting-started.html"/>
	<rdf:li rdf:resource="http://www.sitepoint.com/5-uses-vertical-media-queries/"/>
	<rdf:li rdf:resource="http://duojs.org/"/>
	<rdf:li rdf:resource="http://www.gridlover.net/"/>
	<rdf:li rdf:resource="http://www.sitepoint.com/5-ways-improve-sass-bourbon/"/>
	<rdf:li rdf:resource="http://gridbyexample.com/"/>
	<rdf:li rdf:resource="http://philipwalton.github.io/solved-by-flexbox/?goal=0_df65b6d7c8-ff809ca1ec-59004213"/>
      </rdf:Seq>
    </items>
  </channel><item rdf:about="https://twitter.com/i/web/status/1106229254763831296">
    <title>Twitter</title>
    <dc:date>2019-03-14T16:23:01+00:00</dc:date>
    <link>https://twitter.com/i/web/status/1106229254763831296</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[A #JavaScript-free front end. What, WHAT?! You mean #HTML5 and #CSS and the server can do all that? Very interestin… ]]></description>
<dc:subject>JavaScript-free HTML5 CSS</dc:subject>
<dc:source>https://twitter.com/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:ae477e0ef8c6/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:JavaScript-free"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:HTML5"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:CSS"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://daneden.me/2018/01/05/subatomic-design-systems/">
    <title>Subatomic Design Systems | Daniel Eden, Designer</title>
    <dc:date>2018-02-12T16:08:26+00:00</dc:date>
    <link>https://daneden.me/2018/01/05/subatomic-design-systems/</link>
    <dc:creator>berberich</dc:creator><dc:subject>css webdesign</dc:subject>
<dc:identifier>https://pinboard.in/u:berberich/b:b07114ef8043/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdesign"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://css-tricks.com/one-file-many-options-using-variable-fonts-web/">
    <title>One File, Many Options: Using Variable Fonts on the Web | CSS-Tricks</title>
    <dc:date>2018-01-30T15:02:57+00:00</dc:date>
    <link>https://css-tricks.com/one-file-many-options-using-variable-fonts-web/</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[In 2016, an important development in web typography was jointly announced by representatives from Adobe, Microsoft, Apple, and Google. Version 1.8 of the O]]></description>
<dc:subject>css typography font webdesign</dc:subject>
<dc:identifier>https://pinboard.in/u:berberich/b:54aadcc527c4/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:typography"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:font"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdesign"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://www.purgecss.com/">
    <title>Introduction · Purgecss</title>
    <dc:date>2018-01-30T15:01:10+00:00</dc:date>
    <link>https://www.purgecss.com/</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[Purgecss is a tool to remove unused CSS. It can be used as part of your development workflow. Purgecss comes with a JavaScript API, a CLI, and plugins for popular build tools.]]></description>
<dc:subject>css webdev performance opensource webdesign</dc:subject>
<dc:identifier>https://pinboard.in/u:berberich/b:ccb355a3002d/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:performance"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:opensource"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdesign"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://webdesign.tutsplus.com/tutorials/how-to-scroll-snap-using-css--cms-30333">
    <title>CSS Scroll Snap: What Is It? Do We Need It?</title>
    <dc:date>2018-01-26T15:20:59+00:00</dc:date>
    <link>https://webdesign.tutsplus.com/tutorials/how-to-scroll-snap-using-css--cms-30333</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[It can be difficult for web developers to guarantee a well-controlled scrolling experience, but luckily a CSS module entitled “Scroll Snap” promises to help. It will enforce where a scroll position...]]></description>
<dc:subject>css design webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:b39ed4aefa61/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdesign"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://patrickbrosset.com/lab/2018-01-10-css-alignment-cheatsheet/">
    <title>CSS Alignment Cheatsheet</title>
    <dc:date>2018-01-25T18:00:42+00:00</dc:date>
    <link>http://patrickbrosset.com/lab/2018-01-10-css-alignment-cheatsheet/</link>
    <dc:creator>berberich</dc:creator><dc:subject>css reference webdev flexbox webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:80bd9454ebc2/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:reference"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:flexbox"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdesign"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://github.com/ibm/css-gridish">
    <title>IBM/css-gridish</title>
    <dc:date>2018-01-25T14:34:44+00:00</dc:date>
    <link>https://github.com/ibm/css-gridish</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[css-gridish - Automatically build your grid design’s CSS Grid code, CSS Flexbox fallback code, Sketch artboards, and Chrome extension.]]></description>
<dc:subject>css webdesign grid design</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:504a59311007/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:grid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:design"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://webkul.github.io/micron/">
    <title>Micron.JS - a [μ] microInteraction Library</title>
    <dc:date>2018-01-24T16:07:18+00:00</dc:date>
    <link>https://webkul.github.io/micron/</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[a [μ] microInteraction library built with CSS Animations and controlled by JavaScript Power]]></description>
<dc:subject>javascript animation library ui css</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:3881081559d4/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:animation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:library"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:ui"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://cssreference.io/">
    <title>A free visual guide to CSS</title>
    <dc:date>2018-01-18T16:45:49+00:00</dc:date>
    <link>http://cssreference.io/</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[CSS Reference is a free visual guide to CSS. It features the most popular properties, and explains them with illustrated and animated examples.]]></description>
<dc:subject>css webdesign design reference</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:a04663b1987f/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:reference"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://www.smashingmagazine.com/2018/01/understanding-sizing-css-layout/">
    <title>How Big Is That Box? Understanding Sizing In CSS Layout</title>
    <dc:date>2018-01-17T20:29:51+00:00</dc:date>
    <link>https://www.smashingmagazine.com/2018/01/understanding-sizing-css-layout/</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[When starting to use Flexbox and Grid, it can be frustrating to find that we sometimes don’t get the layout we expect. Often this is due to the way sizing is calculated in these new layout methods. In this article, I try to explain exactly how big that box is, and how it got to be that size!]]></description>
<dc:subject>css grid layout webdesign flexbox</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:98aa70c04d1c/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:grid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:flexbox"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://adam-marsden.co.uk/css-cheat-sheet">
    <title>CSS Cheat Sheet</title>
    <dc:date>2018-01-12T18:19:54+00:00</dc:date>
    <link>https://adam-marsden.co.uk/css-cheat-sheet</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[- A reference for CSS goodness.]]></description>
<dc:subject>cheatsheet css webdev webdesign reference</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:a0efc21946b2/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:cheatsheet"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:reference"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://picturepan2.github.io/instagram.css/">
    <title>Instagram.css</title>
    <dc:date>2018-01-08T17:55:52+00:00</dc:date>
    <link>https://picturepan2.github.io/instagram.css/</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[Complete set of Instagram filters in pure CSS]]></description>
<dc:subject>css webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:ba16361d8086/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdesign"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://font-display.glitch.me/">
    <title>Font-display</title>
    <dc:date>2018-01-04T17:16:17+00:00</dc:date>
    <link>https://font-display.glitch.me/</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[This is a small explainer that I built for a talk on web fonts and performance.]]></description>
<dc:subject>css font performance webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:22fb97ae7fdf/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:font"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:performance"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdesign"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://learncssgrid.com/">
    <title>Learn CSS Grid</title>
    <dc:date>2018-01-04T17:13:14+00:00</dc:date>
    <link>http://learncssgrid.com/</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[A comprehensive guide to help you understand and learn CSS Grid Layout, by Jonathan Suh.]]></description>
<dc:subject>css grid tutorial webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:e35f097887ff/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:grid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:tutorial"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdesign"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://oddbird.net/2018/01/03/introducing-herman/">
    <title>Herman Style Guides</title>
    <dc:date>2018-01-04T16:01:57+00:00</dc:date>
    <link>http://oddbird.net/2018/01/03/introducing-herman/</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[An agile approach to design systems on a budget]]></description>
<dc:subject>css design documentation webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:83d68b4a7b45/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:documentation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdesign"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://aerolab.co/blog/flexbox-grids/">
    <title>Flexbox and Grids, your layout’s best friends</title>
    <dc:date>2017-11-06T20:46:31+00:00</dc:date>
    <link>https://aerolab.co/blog/flexbox-grids/</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[Aerolab's blog focuses on actionable design and development guides, tips and strategies. Check it out!]]></description>
<dc:subject>css flexbox grid layout</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:c6f62fbd74a6/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:flexbox"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:grid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:layout"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://bulma.io/">
    <title>Box</title>
    <dc:date>2017-10-24T14:34:41+00:00</dc:date>
    <link>https://bulma.io/</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[Bulma is an open source CSS framework based on Flexbox and built with Sass. It's 100% responsive, fully modular, and available for free.]]></description>
<dc:subject>css design flexbox framework webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:4de0689960e8/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:flexbox"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:framework"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdesign"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://medium.com/@mciastek/s-css-best-practices-that-you-have-not-yet-known-ba2f6329b5dd">
    <title>(S)CSS Best Practices That You Have Not Yet Known</title>
    <dc:date>2017-10-18T16:00:12+00:00</dc:date>
    <link>https://medium.com/@mciastek/s-css-best-practices-that-you-have-not-yet-known-ba2f6329b5dd</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[In this article, I want to present a few nice tips for writing robust and maintainable CSS, regardless if you are fan of using CSS modules or Sass/LESS.]]></description>
<dc:subject>css style tips webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:c3eba34b2897/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:style"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:tips"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdesign"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://prettier.io/">
    <title>Prettier</title>
    <dc:date>2017-10-18T15:50:18+00:00</dc:date>
    <link>https://prettier.io/</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[Opinionated Code Formatter]]></description>
<dc:subject>code javascript css graphql</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:c76e9a0bb283/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:code"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:graphql"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://www.smashingmagazine.com/2017/09/css-grid-gotchas-stumbling-blocks/">
    <title>CSS Grid Gotchas And Stumbling Blocks</title>
    <dc:date>2017-10-02T16:42:06+00:00</dc:date>
    <link>https://www.smashingmagazine.com/2017/09/css-grid-gotchas-stumbling-blocks/</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[Getting to the bottom of CSS Grid with the most common questions asked when using the specification, including gotchas and things to keep in mind.]]></description>
<dc:subject>css grid layout webdesign advice webdev</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:7094134d6d2f/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:grid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:advice"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdev"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://mozilladevelopers.github.io/playground/">
    <title>INTRODUCTION TO CSS GRID LAYOUT</title>
    <dc:date>2017-10-02T16:41:45+00:00</dc:date>
    <link>https://mozilladevelopers.github.io/playground/</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[Learn about CSS Grid Layout and Firefox's CSS Grid Layout Tools.]]></description>
<dc:subject>css design grid tutorial webdesign webdev</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:b87c3397d563/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:grid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:tutorial"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdev"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://www.sitepoint.com/css-font-display-future-font-rendering-web/">
    <title>CSS font-display: The Future of Font Rendering on the Web</title>
    <dc:date>2017-09-27T14:31:48+00:00</dc:date>
    <link>https://www.sitepoint.com/css-font-display-future-font-rendering-web/</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[Giulio Mainardi explains the new font-display property and how it will help CSS developers improve rendering of fonts during page load.]]></description>
<dc:subject>css css3 fonts typefaces</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:640cd16bf430/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:fonts"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:typefaces"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://medium.com/@matuzo/writing-css-with-accessibility-in-mind-8514a0007939">
    <title>Writing CSS with Accessibility in Mind</title>
    <dc:date>2017-09-27T14:30:54+00:00</dc:date>
    <link>https://medium.com/@matuzo/writing-css-with-accessibility-in-mind-8514a0007939</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[About a year ago I started to focus more on web accessibility. The most effective method of learning for me is teaching others. That’s one of the reasons why I’m talking at meetups and conferences…]]></description>
<dc:subject>accessibility css webdev</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:7c76c56a5530/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:accessibility"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdev"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://cloudfour.com/thinks/breaking-out-with-css-grid-layout/">
    <title>Breaking Out With CSS Grid Layout</title>
    <dc:date>2017-08-15T17:14:11+00:00</dc:date>
    <link>https://cloudfour.com/thinks/breaking-out-with-css-grid-layout/</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[We design and develop responsive websites and progressive web apps.]]></description>
<dc:subject>css grid layout webdesign webdev responsive</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:8c824f1456ec/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:grid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:responsive"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://www.rachelandrew.co.uk/archives/2017/06/01/breaking-out-with-css-grid-explained/">
    <title>Breaking out with CSS Grid explained</title>
    <dc:date>2017-06-06T15:52:44+00:00</dc:date>
    <link>https://www.rachelandrew.co.uk/archives/2017/06/01/breaking-out-with-css-grid-explained/</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[I spotted a nice technique to break an item out of a container. In this post I attempt to explain why that works.]]></description>
<dc:subject>css webdesign grid</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:1a69981f1e14/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:grid"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://webdesign.tutsplus.com/tutorials/how-to-create-perfectly-centered-text-with-flexbox--cms-27989">
    <title>How to Create Perfectly Centered Text With Flexbox</title>
    <dc:date>2017-06-01T14:37:01+00:00</dc:date>
    <link>https://webdesign.tutsplus.com/tutorials/how-to-create-perfectly-centered-text-with-flexbox--cms-27989</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[There’s nothing particularly impressive about horizontally centering your content; you’ve been doing it for years. But what about vertically centering your variable-height content? In this video...]]></description>
<dc:subject>css webdesign flexbox howto</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:d5de5584745e/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:flexbox"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:howto"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://outlinemail.co.uk/">
    <title>Outline Mail - Making HTML email easy.</title>
    <dc:date>2017-01-03T21:32:14+00:00</dc:date>
    <link>http://outlinemail.co.uk/</link>
    <dc:creator>berberich</dc:creator><dc:subject>css email framework html responsive</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:1f6fbb1337a0/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:email"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:framework"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:responsive"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://demos.creative-tim.com/material-kit/index.html">
    <title>Material Kit by Creative Tim</title>
    <dc:date>2017-01-03T21:32:01+00:00</dc:date>
    <link>http://demos.creative-tim.com/material-kit/index.html</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[A Badass Bootstrap UI Kit based on Material Design.]]></description>
<dc:subject>bootstrap css design material</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:54a41d197c30/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:bootstrap"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:material"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://github.com/NamPNQ/You-Dont-Need-Javascript">
    <title>You-Dont-Need-Javascript</title>
    <dc:date>2016-07-05T16:35:10+00:00</dc:date>
    <link>https://github.com/NamPNQ/You-Dont-Need-Javascript</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[- Css is powerful, you can do a lot of things without js.]]></description>
<dc:subject>css webdesign webdev</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:9f760ca11782/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdev"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://hackerthemes.com/bootstrap-cheatsheet#dropdown">
    <title>Bootstrap 4 Cheat Sheet</title>
    <dc:date>2016-04-21T14:29:52+00:00</dc:date>
    <link>http://hackerthemes.com/bootstrap-cheatsheet#dropdown</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[An interactive cheat sheet for Bootstrap 4, serving as a quick reference. Includes code samples and live preview of elements.]]></description>
<dc:subject>bootstrap cheatsheet css webdev reference</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:fe9b9f42e56d/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:bootstrap"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:cheatsheet"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:reference"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://helloanselm.com/2015/using-webfonts-in-2015/">
    <title>Using Web Fonts The Best Way (in 2015).</title>
    <dc:date>2015-10-15T19:04:59+00:00</dc:date>
    <link>https://helloanselm.com/2015/using-webfonts-in-2015/</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[Anselm Hannemann is a freelance front end developer writing about HTML5, CSS, front-end architecture, web performance.]]></description>
<dc:subject>css fonts performance typography</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:95a4bb62cf74/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:fonts"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:performance"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:typography"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://zurb.com/playground/motion-ui">
    <title>Motion UI</title>
    <dc:date>2015-10-15T15:50:04+00:00</dc:date>
    <link>http://zurb.com/playground/motion-ui</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[A Sass library for creating flexible CSS transitions and animations.]]></description>
<dc:subject>sass animation css design foundation</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:b014316ceede/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:sass"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:animation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:foundation"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.vswebessentials.com/">
    <title>Web Essentials</title>
    <dc:date>2015-07-23T16:47:27+00:00</dc:date>
    <link>http://www.vswebessentials.com/</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[Web Essentials extends Visual Studio with a lot of new features that web developers have been missing for many years.

If you ever write CSS, HTML, JavaScript, TypeScript, CoffeeScript or LESS, then you will find many useful features that make your life as a developer easier.]]></description>
<dc:subject>visualstudio development webdev programming javascript typescript css html extension</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:b4672226ccf1/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:visualstudio"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:development"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:programming"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:typescript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:extension"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://philipwalton.github.io/solved-by-flexbox/">
    <title>Solved by Flexbox</title>
    <dc:date>2015-05-22T14:20:35+00:00</dc:date>
    <link>https://philipwalton.github.io/solved-by-flexbox/</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[A showcase of problems once hard or impossible to solve with CSS alone, now made trivially easy with Flexbox.]]></description>
<dc:subject>css flexbox layout webdev design</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:289c71a137fb/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:flexbox"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:design"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://materializecss.com/?">
    <title>Materialize</title>
    <dc:date>2015-04-24T14:52:52+00:00</dc:date>
    <link>http://materializecss.com/?</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[A modern responsive CSS framework based on Material Design by Google.]]></description>
<dc:subject>framework design css material</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:6555a8b49e62/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:framework"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:material"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://techblog.livingsocial.com/blog/2015/04/06/responsive-tables-in-pure-css/">
    <title>Responsive Tables in Pure CSS - LivingSocial's Technology Blog</title>
    <dc:date>2015-04-06T17:48:49+00:00</dc:date>
    <link>https://techblog.livingsocial.com/blog/2015/04/06/responsive-tables-in-pure-css/</link>
    <dc:creator>berberich</dc:creator><dc:subject>responsive tables webdesign css</dc:subject>
<dc:identifier>https://pinboard.in/u:berberich/b:3226964ba9b7/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:responsive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:tables"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://jonsuh.com/blog/font-loading-with-font-events/">
    <title>Faster Font Loading with Font Events</title>
    <dc:date>2015-03-30T14:06:36+00:00</dc:date>
    <link>https://jonsuh.com/blog/font-loading-with-font-events/</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[Web fonts are great and make the web a more beautiful space; however, loading them can be slow, which results in an unwanted side effect: FOIT (Flash of Invisible Text). I’ve experienced FOIT on my website, particular on mobile connections, but with the help of some homework and fantastic resources, plus some JavaScript and CSS, I managed to fix it.]]></description>
<dc:subject>javascript fonts css typography performance</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:72ad7edb1958/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:fonts"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:typography"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:performance"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://css-tricks.com/dropdown-menus-with-more-forgiving-mouse-movement-paths/">
    <title>Dropdown Menus with More Forgiving Mouse Movement Paths</title>
    <dc:date>2015-02-26T17:12:09+00:00</dc:date>
    <link>https://css-tricks.com/dropdown-menus-with-more-forgiving-mouse-movement-paths/</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[This is a fairly old UX concept that I haven't heard talked about in a while, but is still relevant in the case of multi-level dropdown menus. A fine-grain]]></description>
<dc:subject>css tutorial ux</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:b681e8d648d7/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:tutorial"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:ux"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://materializecss.com/">
    <title>Materialize</title>
    <dc:date>2015-02-12T22:32:19+00:00</dc:date>
    <link>http://materializecss.com/</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[Materialize is a modern responsive CSS framework based on Material Design by Google.]]></description>
<dc:subject>framework design css</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:6f4e5a637a8b/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:framework"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://tympanus.net/Development/TextInputEffects/">
    <title>Text Input Effects</title>
    <dc:date>2015-01-09T17:05:03+00:00</dc:date>
    <link>http://tympanus.net/Development/TextInputEffects/</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[Simple ideas for enhancing text input interactions]]></description>
<dc:subject>css inspiration forms design</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:8adf92a9a003/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:inspiration"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:forms"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:design"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://zurb.com/ink/inliner.php">
    <title>Inliner</title>
    <dc:date>2015-01-07T03:33:40+00:00</dc:date>
    <link>http://zurb.com/ink/inliner.php</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[Bring your email styles inline]]></description>
<dc:subject>css email html</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:8ce68dfb372a/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:email"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:html"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://sass-guidelin.es/">
    <title>Sass Guidelines</title>
    <dc:date>2015-01-06T19:44:32+00:00</dc:date>
    <link>http://sass-guidelin.es/</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[Styleguide for writing sane, maintainable and scalable Sass.]]></description>
<dc:subject>sass reference guidelines css guide webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:05f35f4d4468/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:sass"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:reference"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:guidelines"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:guide"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdesign"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://bradfrost.com/blog/post/style-guide-best-practices/">
    <title>Style Guide Best Practices</title>
    <dc:date>2014-12-30T16:33:05+00:00</dc:date>
    <link>http://bradfrost.com/blog/post/style-guide-best-practices/</link>
    <dc:creator>berberich</dc:creator><dc:subject>styleguide design webdesign css</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:d8033a65eb9e/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:styleguide"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://chriswrightdesign.com/experiments/flexbox-adventures/">
    <title>Flexbox adventures</title>
    <dc:date>2014-12-22T17:26:26+00:00</dc:date>
    <link>http://chriswrightdesign.com/experiments/flexbox-adventures/</link>
    <dc:creator>berberich</dc:creator><dc:subject>webdesign css design flexbox layout</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:bfdccc6b5d6f/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:flexbox"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:layout"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://robots.thoughtbot.com/css-animation-for-beginners">
    <title>CSS Animation for Beginners</title>
    <dc:date>2014-12-19T17:15:16+00:00</dc:date>
    <link>http://robots.thoughtbot.com/css-animation-for-beginners</link>
    <dc:creator>berberich</dc:creator><dc:subject>css3 design css animation tutorial</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:f2eeac32b74c/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:animation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:tutorial"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://cloudcannon.com/deconstructions/2014/11/15/facebook-content-placeholder-deconstruction.html">
    <title>How Facebook content placeholder works | CloudCannon</title>
    <dc:date>2014-12-17T15:37:05+00:00</dc:date>
    <link>http://cloudcannon.com/deconstructions/2014/11/15/facebook-content-placeholder-deconstruction.html</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[This is the first post of my new blog series called Deconstructions. Showcasing cool things people are doing in web development and breaking them down step by step. My first target is a cool content placeholder from the most recent Facebook overhaul. Before your friend’s latest selfie or dog picture loads you may have noticed this nice bit of polish.]]></description>
<dc:subject>css animation placeholder ux ui facebook webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:43cd91c6b51d/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:animation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:placeholder"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:ux"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:ui"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:facebook"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdesign"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://aykevl.nl/2014/09/fix-jumping-scrollbar">
    <title>Ayke van Laëthem – Fix 'jumping scrollbar' issue using only CSS</title>
    <dc:date>2014-12-14T17:27:09+00:00</dc:date>
    <link>http://aykevl.nl/2014/09/fix-jumping-scrollbar</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[Fix 'jumping scrollbar' issue using only CSS]]></description>
<dc:subject>css3 css webdesign</dc:subject>
<dc:identifier>https://pinboard.in/u:berberich/b:ade80ca2c1b7/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdesign"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://danielmall.com/articles/how-to-make-a-performance-budget/">
    <title>How to Make a Performance Budget</title>
    <dc:date>2014-12-08T20:45:30+00:00</dc:date>
    <link>http://danielmall.com/articles/how-to-make-a-performance-budget/</link>
    <dc:creator>berberich</dc:creator><dc:subject>webdesign performance css budget</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:c621997b2e88/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:performance"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:budget"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://getflakes.com">
    <title>Flakes • An Admin UI &amp; Template Framework</title>
    <dc:date>2014-12-04T16:49:36+00:00</dc:date>
    <link>http://getflakes.com</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[Flakes is an Open Source Design & Frontend Framework that serves as a foundation for internal business applications.
Flakes is a combination of CSS Libraries, JavaScript Libraries and Design files that serve as a foundation. Flakes gives priority to function and usability over glitz, it takes a no-nonsense approach to user interface design.]]></description>
<dc:subject>css sass framework webdev</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:e8db32c248c4/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:sass"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:framework"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdev"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://osvaldas.info/keeping-css-short-with-currentcolor">
    <title>Keeping CSS short with currentColor</title>
    <dc:date>2014-12-02T06:29:25+00:00</dc:date>
    <link>http://osvaldas.info/keeping-css-short-with-currentcolor</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[Turns out currentColor has been here for quite some time now, but I heard about it only a few months...]]></description>
<dc:subject>css webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:8ea51e01ab43/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdesign"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.styleguides.io/">
    <title>Website Style Guide Resources</title>
    <dc:date>2014-11-18T19:34:47+00:00</dc:date>
    <link>http://www.styleguides.io/</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[A collaborative collection of resources for creating Front-End Style Guides and Pattern Libraries]]></description>
<dc:subject>design guide reference styleguide css</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:d94239b9d75b/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:guide"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:reference"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:styleguide"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://bramsmulders.com/how-i-improved-my-workflow-with-smacss-sass.html">
    <title>How I improved my workflow with SMACSS &amp; Sass</title>
    <dc:date>2014-10-14T02:23:49+00:00</dc:date>
    <link>http://bramsmulders.com/how-i-improved-my-workflow-with-smacss-sass.html</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[Preprocessing & Component based design principles.]]></description>
<dc:subject>sass css</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:d2ae1fbbfe18/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:sass"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://css-tricks.com/build-web-layouts-easily-susy/">
    <title>Build Web Layouts Easily with Susy</title>
    <dc:date>2014-10-13T03:58:10+00:00</dc:date>
    <link>http://css-tricks.com/build-web-layouts-easily-susy/</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[I've been coming around to the idea of using Susy (a Sass add-on for grids) lately. I like the idea of grids-on-demand, rather than a strict framework (no]]></description>
<dc:subject>grid css sass webdesign tutorial</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:a04f00bd637c/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:grid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:sass"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:tutorial"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://sudheerdev.github.io/Foundation5CheatSheet/">
    <title>Foundation CheatSheet</title>
    <dc:date>2014-10-07T20:08:13+00:00</dc:date>
    <link>http://sudheerdev.github.io/Foundation5CheatSheet/</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[Cheatsheet for foundation5 - The most advanced responsive front-end framework in the world. This is the latest version of cheatsheet!]]></description>
<dc:subject>foundation cheatsheet css webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:84a4b5ce0b4d/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:foundation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:cheatsheet"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdesign"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://slides.com/sarasoueidan/styling-animating-svgs-with-css--2#/">
    <title>Styling &amp; Animating SVGs with CSS</title>
    <dc:date>2014-10-01T19:04:45+00:00</dc:date>
    <link>http://slides.com/sarasoueidan/styling-animating-svgs-with-css--2#/</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[From The Front, September 2014, Bologna.]]></description>
<dc:subject>animation css presentation svg</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:1949722659da/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:animation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:presentation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:svg"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.luster.io/blog/9-29-14-mobile-web-checklist.html">
    <title>Mobile Web App Checklist</title>
    <dc:date>2014-10-01T03:08:24+00:00</dc:date>
    <link>http://www.luster.io/blog/9-29-14-mobile-web-checklist.html</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[This is a list of guidelines we've been compiling over the last couple years while building high-performance mobile frontends, as well as building the open source library impulse. Some of these are broadly applicable to any mobile website, some are specifically for people building apps.

We've broken this checklist down into three main categories:

1. UX and UI
2. Performance
3. Homescreen and Offline]]></description>
<dc:subject>webapp design checklist mobile css javascript</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:df6917347313/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webapp"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:checklist"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:mobile"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:javascript"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://jonibologna.com/flexbox-cheatsheet/">
    <title>Flexbox Cheatsheet Cheatsheet</title>
    <dc:date>2014-10-01T02:57:09+00:00</dc:date>
    <link>http://jonibologna.com/flexbox-cheatsheet/</link>
    <dc:creator>berberich</dc:creator><dc:subject>flexbox css webdesign</dc:subject>
<dc:identifier>https://pinboard.in/u:berberich/b:3c123f6f0b12/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:flexbox"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdesign"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://codyhouse.co/gem/responsive-tabbed-navigation/">
    <title>Responsive Tabbed Navigation</title>
    <dc:date>2014-09-26T21:04:17+00:00</dc:date>
    <link>http://codyhouse.co/gem/responsive-tabbed-navigation/</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[A handy tabbed navigation, optimized for mobile devices, with support for both horizontal and vertical menu positioning. Powered by CSS and jQuery.]]></description>
<dc:subject>css navigation responsive</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:0933c71bf362/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:navigation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:responsive"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.sitepoint.com/sass-for-wordpress-developers/">
    <title>Sass for WordPress Developers</title>
    <dc:date>2014-09-18T18:57:03+00:00</dc:date>
    <link>http://www.sitepoint.com/sass-for-wordpress-developers/</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[In this article we cover the many benefits of Sass for WordPress developers. Sass allows us to write maintainable, scalable code with logic and variables.]]></description>
<dc:subject>wordpress sass webdesign css</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:c02259510744/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:wordpress"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:sass"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://codepen.io/patterns/">
    <title>CodePen - Design Patterns</title>
    <dc:date>2014-09-17T19:49:21+00:00</dc:date>
    <link>http://codepen.io/patterns/</link>
    <dc:creator>berberich</dc:creator><dc:subject>css design pattern</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:edd3ff2f9c13/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:pattern"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://componentcss.com/">
    <title>ComponentCSS</title>
    <dc:date>2014-09-15T19:07:45+00:00</dc:date>
    <link>http://componentcss.com/</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[brings purpose to your stylesheets and rulesets. Rather than writing page-specific styles or highly-abstracted "objects", it believes in authoring modular, reusable CSS components which solve problems in your user interface.]]></description>
<dc:subject>css architecture</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:861e7c4709b8/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:architecture"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://codepen.io/aurer/pen/jEGbA">
    <title>Animated SVG loading icons</title>
    <dc:date>2014-09-11T14:12:28+00:00</dc:date>
    <link>http://codepen.io/aurer/pen/jEGbA</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[Animated SVG for use as loading animations....]]></description>
<dc:subject>svg html css</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:94de02f7f38f/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:svg"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://mapglyphs.com/">
    <title>The Ultimate CSS Map Font</title>
    <dc:date>2014-09-10T14:15:02+00:00</dc:date>
    <link>http://mapglyphs.com/</link>
    <dc:creator>berberich</dc:creator><dc:subject>css fonts icons vector maps</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:55f6a197f6fa/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:fonts"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:icons"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:vector"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:maps"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://fian.my.id/marka/getting-started.html">
    <title>Marka</title>
    <dc:date>2014-09-09T18:42:21+00:00</dc:date>
    <link>http://fian.my.id/marka/getting-started.html</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[Beautiful transformable icons built for the web.]]></description>
<dc:subject>animation css icon</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:c030d22c5523/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:animation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:icon"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.sitepoint.com/5-uses-vertical-media-queries/">
    <title>5 Uses for Vertical Media Queries</title>
    <dc:date>2014-09-09T18:37:49+00:00</dc:date>
    <link>http://www.sitepoint.com/5-uses-vertical-media-queries/</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[Is your responsive web design only constrained by min-width and max-width media queries? Craig explains why min-height and max-height have good uses too.]]></description>
<dc:subject>css webdesign responsive</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:703d3184a214/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:responsive"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://duojs.org/">
    <title>Duo</title>
    <dc:date>2014-09-09T18:37:22+00:00</dc:date>
    <link>http://duojs.org/</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[A next-generation package manager for the front-end.]]></description>
<dc:subject>css javascript packages</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:c90683ac6e29/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:packages"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.gridlover.net/">
    <title>Gridlover</title>
    <dc:date>2014-09-09T16:03:43+00:00</dc:date>
    <link>http://www.gridlover.net/</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[The tool to establish a typographic system with modular scale and vertical rhythm.]]></description>
<dc:subject>css grid tools typography webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:02b5bc04ddee/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:grid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:tools"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:typography"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdesign"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.sitepoint.com/5-ways-improve-sass-bourbon/">
    <title>5 Ways to Improve Your Sass with Bourbon</title>
    <dc:date>2014-09-09T15:53:28+00:00</dc:date>
    <link>http://www.sitepoint.com/5-ways-improve-sass-bourbon/</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[M. David Green looks at 5 great features of the Bourbon library of Sass mixins that can help improve your workflow in dealing with repetitive code.]]></description>
<dc:subject>bourbon css sass</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:cd16aff2a067/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:bourbon"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:sass"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://gridbyexample.com/">
    <title>Grid by Example</title>
    <dc:date>2014-09-09T15:40:33+00:00</dc:date>
    <link>http://gridbyexample.com/</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[simple usage examples for the CSS3 Grid Layout Module]]></description>
<dc:subject>css3 css grid layout</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:557567013812/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:grid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:layout"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://philipwalton.github.io/solved-by-flexbox/?goal=0_df65b6d7c8-ff809ca1ec-59004213">
    <title>Cleaner, hack-free CSS</title>
    <dc:date>2014-09-09T15:33:48+00:00</dc:date>
    <link>http://philipwalton.github.io/solved-by-flexbox/?goal=0_df65b6d7c8-ff809ca1ec-59004213</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[A showcase of problems once hard or impossible to solve with CSS alone, now made trivially easy with Flexbox.]]></description>
<dc:subject>flexbox css webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:43d372edbacb/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:flexbox"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdesign"/>
</rdf:Bag></taxo:topics>
</item>
</rdf:RDF>