<?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://daneden.me/2018/01/05/subatomic-design-systems/"/>
	<rdf:li rdf:resource="https://theblog.adobe.com/best-practices-for-hero-images/"/>
	<rdf:li rdf:resource="https://aneventapart.com/news/news-type/Video"/>
	<rdf:li rdf:resource="https://htmlemail.io/"/>
	<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="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://www.webdesignerdepot.com/2018/01/how-to-create-a-living-style-guide/"/>
	<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://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://www.smashingmagazine.com/2017/09/css-grid-gotchas-stumbling-blocks/"/>
	<rdf:li rdf:resource="https://mozilladevelopers.github.io/playground/"/>
	<rdf:li rdf:resource="https://medium.com/@fox/talk-the-state-of-the-web-3e12f8e413b3"/>
	<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="https://carrd.co/"/>
	<rdf:li rdf:resource="http://vuejs.org/"/>
	<rdf:li rdf:resource="https://zeit.co/blog/next"/>
	<rdf:li rdf:resource="https://github.com/NamPNQ/You-Dont-Need-Javascript"/>
	<rdf:li rdf:resource="https://jakearchibald.com/2016/caching-best-practices/"/>
	<rdf:li rdf:resource="http://bradfrost.com/blog/post/i-have-no-idea-what-the-hell-i-am-doing/"/>
	<rdf:li rdf:resource="http://webdesign.tutsplus.com/tutorials/creating-a-future-proof-responsive-email-without-media-queries--cms-23919"/>
	<rdf:li rdf:resource="https://techblog.livingsocial.com/blog/2015/04/06/responsive-tables-in-pure-css/"/>
	<rdf:li rdf:resource="https://jakearchibald.github.io/svgomg/"/>
	<rdf:li rdf:resource="http://www.iamthefold.com/"/>
	<rdf:li rdf:resource="http://sass-guidelin.es/"/>
	<rdf:li rdf:resource="http://calendar.perfplanet.com/2014/tips-for-optimising-svg-delivery-for-the-web/"/>
	<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://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="https://storify.com/xiwcx/there-is-no-fold-1"/>
	<rdf:li rdf:resource="http://juicynex.us/juice/"/>
	<rdf:li rdf:resource="http://danielmall.com/articles/how-to-make-a-performance-budget/"/>
	<rdf:li rdf:resource="http://svg-edit.googlecode.com/svn/branches/stable/editor/svg-editor.html"/>
	<rdf:li rdf:resource="http://osvaldas.info/keeping-css-short-with-currentcolor"/>
	<rdf:li rdf:resource="http://gulpfiction.divshot.io/"/>
	<rdf:li rdf:resource="https://speakerdeck.com/addyosmani/front-end-tooling-workflows"/>
	<rdf:li rdf:resource="https://formkeep.com/"/>
	<rdf:li rdf:resource="http://css-tricks.com/build-web-layouts-easily-susy/"/>
	<rdf:li rdf:resource="http://getwebplate.com/"/>
	<rdf:li rdf:resource="http://sudheerdev.github.io/Foundation5CheatSheet/"/>
	<rdf:li rdf:resource="http://jonibologna.com/flexbox-cheatsheet/"/>
	<rdf:li rdf:resource="http://www.sitepoint.com/test-site-locally-modern-ie/"/>
	<rdf:li rdf:resource="http://www.sitepoint.com/sass-for-wordpress-developers/"/>
	<rdf:li rdf:resource="http://www.sitepoint.com/5-uses-vertical-media-queries/"/>
	<rdf:li rdf:resource="http://www.gridlover.net/"/>
	<rdf:li rdf:resource="http://philipwalton.github.io/solved-by-flexbox/?goal=0_df65b6d7c8-ff809ca1ec-59004213"/>
	<rdf:li rdf:resource="http://lukyvj.github.io/EfficaCSS/"/>
	<rdf:li rdf:resource="http://git.blivesta.com/animsition/fade/"/>
	<rdf:li rdf:resource="http://css-tricks.com/centering-css-complete-guide/"/>
	<rdf:li rdf:resource="http://sarasoueidan.com/blog/svg-transformations/"/>
	<rdf:li rdf:resource="http://sarasoueidan.com/blog/svg-coordinate-systems/"/>
	<rdf:li rdf:resource="http://www.paletton.com"/>
	<rdf:li rdf:resource="http://css-tricks.com/mega-list-svg-information/"/>
	<rdf:li rdf:resource="http://aneventapart.com/news/post/preprocessing-is-for-everybody-chris-coyier-an-event-apart-video-css-sass"/>
	<rdf:li rdf:resource="http://css-tricks.com/authoring-critical-fold-css/"/>
	<rdf:li rdf:resource="http://hiloki.github.io/kitecss/"/>
	<rdf:li rdf:resource="http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/"/>
	<rdf:li rdf:resource="http://jonassebastianohlsson.com/criticalpathcssgenerator/"/>
      </rdf:Seq>
    </items>
  </channel><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://theblog.adobe.com/best-practices-for-hero-images/">
    <title>When Large Isn't Large Enough: Designing With Hero Images | Adobe Blog</title>
    <dc:date>2018-02-07T16:53:04+00:00</dc:date>
    <link>https://theblog.adobe.com/best-practices-for-hero-images/</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[When users come to your page, they’ll feel some kind of reaction. Whether it’s positive or negative, that reaction is determined in large part by what they see. Becau...]]></description>
<dc:subject>webdesign bestpractice advice images design</dc:subject>
<dc:identifier>https://pinboard.in/u:berberich/b:e8b3aee5653b/</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:bestpractice"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:advice"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:images"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:design"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://aneventapart.com/news/news-type/Video">
    <title>An Event Apart News: Video</title>
    <dc:date>2018-02-05T15:26:14+00:00</dc:date>
    <link>https://aneventapart.com/news/news-type/Video</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[Since 2006, the leading web design/front-end conference for mobile/UX/product designers & developers in Seattle, Boston, Chicago, San Francisco, Denver, DC.]]></description>
<dc:subject>webdesign webdev conference ux video</dc:subject>
<dc:identifier>https://pinboard.in/u:berberich/b:0bd6b41927a4/</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:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:conference"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:ux"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:video"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://htmlemail.io/">
    <title>Responsive HTML Email Templates for Developers, Marketers &amp; Startups</title>
    <dc:date>2018-02-01T20:48:25+00:00</dc:date>
    <link>https://htmlemail.io/</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[Responsive HTML email templates tested on mobile and desktop. Avoid 2-3 days of coding, get an easy to integrate template that works. Notifications, newsletters, receipts, welcome emails, ready to use with your email service provider.]]></description>
<dc:subject>email html responsive templates webdev webdesign</dc:subject>
<dc:identifier>https://pinboard.in/u:berberich/b:e122ac6e60b8/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:email"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:responsive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:templates"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdev"/>
	<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="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://www.webdesignerdepot.com/2018/01/how-to-create-a-living-style-guide/">
    <title>How To Create a Living Style Guide</title>
    <dc:date>2018-01-12T18:19:10+00:00</dc:date>
    <link>https://www.webdesignerdepot.com/2018/01/how-to-create-a-living-style-guide/</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[Using a living style guide (LSG) to drive development is a practice that is gaining a lot of popularity because it has many advantages, including code]]></description>
<dc:subject>styleguide design webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:cb535113e1ee/</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: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://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://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://medium.com/@fox/talk-the-state-of-the-web-3e12f8e413b3">
    <title>The State of the Web</title>
    <dc:date>2017-09-21T15:58:30+00:00</dc:date>
    <link>https://medium.com/@fox/talk-the-state-of-the-web-3e12f8e413b3</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[The Internet is growing exponentially, and so is the Web platform we create. Often though we fail to reflect on the greater picture of connectivity and contexts the audience of our work might find…]]></description>
<dc:subject>javascript performance webdesign webdev</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:395c50a6ebfb/</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:performance"/>
	<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://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="https://carrd.co/">
    <title>Carrd</title>
    <dc:date>2017-01-03T21:32:48+00:00</dc:date>
    <link>https://carrd.co/</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[Simple, free, fully responsive one-page sites for pretty much anything.]]></description>
<dc:subject>website html webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:1d01d6c5cf7f/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:website"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdesign"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://vuejs.org/">
    <title>vue.js</title>
    <dc:date>2016-12-04T16:55:14+00:00</dc:date>
    <link>http://vuejs.org/</link>
    <dc:creator>berberich</dc:creator><dc:subject>framework webdesign javascript reactive webdev</dc:subject>
<dc:identifier>https://pinboard.in/u:berberich/b:be597ddc0594/</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:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:reactive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdev"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://zeit.co/blog/next">
    <title>ZEIT – Next.js</title>
    <dc:date>2016-10-26T15:00:18+00:00</dc:date>
    <link>https://zeit.co/blog/next</link>
    <dc:creator>berberich</dc:creator><dc:subject>javascript webdev react framework webdesign</dc:subject>
<dc:identifier>https://pinboard.in/u:berberich/b:6093efbfd647/</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:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:react"/>
	<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://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="https://jakearchibald.com/2016/caching-best-practices/">
    <title>Caching best practices</title>
    <dc:date>2016-05-05T23:09:37+00:00</dc:date>
    <link>https://jakearchibald.com/2016/caching-best-practices/</link>
    <dc:creator>berberich</dc:creator><dc:subject>cache browser webdev webdesign</dc:subject>
<dc:identifier>https://pinboard.in/u:berberich/b:9df78ee75a4d/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:cache"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:browser"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdesign"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://bradfrost.com/blog/post/i-have-no-idea-what-the-hell-i-am-doing/">
    <title>I Have No Idea What The Hell I Am Doing</title>
    <dc:date>2015-06-12T19:35:33+00:00</dc:date>
    <link>http://bradfrost.com/blog/post/i-have-no-idea-what-the-hell-i-am-doing/</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[I recently had the opportunity to be the opening keynote at Generate Conf in New York City. I got a chance to talk about dealing with uncertainty of the future.]]></description>
<dc:subject>webdesign responsive design</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:dc790095ecb6/</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:responsive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:design"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://webdesign.tutsplus.com/tutorials/creating-a-future-proof-responsive-email-without-media-queries--cms-23919">
    <title>Creating a Future-Proof Responsive Email Without Media Queries</title>
    <dc:date>2015-06-12T19:33:45+00:00</dc:date>
    <link>http://webdesign.tutsplus.com/tutorials/creating-a-future-proof-responsive-email-without-media-queries--cms-23919</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[Using this ‘fluid hybrid’ method you can build an HTML email with lots of different layouts that doesn't rely on media queries to look great on mobile devices. | Difficulty: Advanced; Length: Long; Tags: Email, HTML, CSS, Email Design, Responsive Web Design]]></description>
<dc:subject>email marketing responsive webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:c88a1446f189/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:email"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:marketing"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:responsive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdesign"/>
</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://jakearchibald.github.io/svgomg/">
    <title>SVGOMG</title>
    <dc:date>2015-02-12T22:28:59+00:00</dc:date>
    <link>https://jakearchibald.github.io/svgomg/</link>
    <dc:creator>berberich</dc:creator><dc:subject>svg optimization performance webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:23c6e60967ab/</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:optimization"/>
	<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://www.iamthefold.com/">
    <title>I am the fold</title>
    <dc:date>2015-02-12T04:36:36+00:00</dc:date>
    <link>http://www.iamthefold.com/</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[An experiment to show how designing for The Fold can be treacherous]]></description>
<dc:subject>webdesign browser design</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:b2d9f0116cef/</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:browser"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:design"/>
</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://calendar.perfplanet.com/2014/tips-for-optimising-svg-delivery-for-the-web/">
    <title>Tips For Optimising SVG Delivery For The Web</title>
    <dc:date>2014-12-30T16:33:48+00:00</dc:date>
    <link>http://calendar.perfplanet.com/2014/tips-for-optimising-svg-delivery-for-the-web/</link>
    <dc:creator>berberich</dc:creator><dc:subject>svg performance webdesign webdev optimization</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:5c1d5056b8dc/</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:performance"/>
	<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:optimization"/>
</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://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="https://storify.com/xiwcx/there-is-no-fold-1">
    <title>There is No Fold</title>
    <dc:date>2014-12-11T17:00:45+00:00</dc:date>
    <link>https://storify.com/xiwcx/there-is-no-fold-1</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[Luke Wroblewski went on a pretty great twitter tear debunking the persistent myth of "the fold" in contemporary (read: multi-device) web design. For posterity, here are all of the tweets including links to the sources.]]></description>
<dc:subject>design ux webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:884a99a12e3c/</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:ux"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdesign"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://juicynex.us/juice/">
    <title>Juice - Mixins for Life</title>
    <dc:date>2014-12-11T15:11:30+00:00</dc:date>
    <link>http://juicynex.us/juice/</link>
    <dc:creator>berberich</dc:creator><dc:subject>sass webdev webdesign mixin</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:470979b0d9ef/</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:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:mixin"/>
</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://svg-edit.googlecode.com/svn/branches/stable/editor/svg-editor.html">
    <title>SVG-edit</title>
    <dc:date>2014-12-03T20:10:00+00:00</dc:date>
    <link>http://svg-edit.googlecode.com/svn/branches/stable/editor/svg-editor.html</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[web based SVG editor
]]></description>
<dc:subject>editor svg webdesign tools image</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:0455935013b8/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:editor"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:svg"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:tools"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:image"/>
</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://gulpfiction.divshot.io/">
    <title>Gulp Fiction</title>
    <dc:date>2014-11-18T13:21:57+00:00</dc:date>
    <link>http://gulpfiction.divshot.io/</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[Gulp Fiction: a visual editor for Gulp w/ a user interface for automatic gulp.js creation]]></description>
<dc:subject>automation webdesign gulp webdev</dc:subject>
<dc:identifier>https://pinboard.in/u:berberich/b:8ff1656163bd/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:automation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:gulp"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdev"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://speakerdeck.com/addyosmani/front-end-tooling-workflows">
    <title>Front-end Tooling Workflows</title>
    <dc:date>2014-11-10T16:26:44+00:00</dc:date>
    <link>https://speakerdeck.com/addyosmani/front-end-tooling-workflows</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[by Addy Osmani]]></description>
<dc:subject>webdesign webdev automation workflow tools resources</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:d84d095cbf8c/</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:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:automation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:workflow"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:tools"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:resources"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://formkeep.com/">
    <title>Form endpoints for designers and developers</title>
    <dc:date>2014-10-16T14:03:05+00:00</dc:date>
    <link>https://formkeep.com/</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[FormKeep generates a URL to use as your form's endpoint. Just plug it in to your existing code and deploy. It's really that easy.]]></description>
<dc:subject>forms webdesign webdev webservice</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:9cfbd1ab60aa/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:forms"/>
	<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:webservice"/>
</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://getwebplate.com/">
    <title>getwebplate.com</title>
    <dc:date>2014-10-08T02:19:00+00:00</dc:date>
    <link>http://getwebplate.com/</link>
    <dc:creator>berberich</dc:creator><dc:subject>webdesign framework</dc:subject>
<dc:identifier>https://pinboard.in/u:berberich/b:125f66333e5f/</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:framework"/>
</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://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://www.sitepoint.com/test-site-locally-modern-ie/">
    <title>How to Test Your Site Locally with Modern.IE</title>
    <dc:date>2014-09-18T20:09:04+00:00</dc:date>
    <link>http://www.sitepoint.com/test-site-locally-modern-ie/</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[Modern.ie is a great way to test your existing websites. But did you know you can also use it to test local, in-development sites? Aurelio De Rosa explains.]]></description>
<dc:subject>webdesign webdev ie</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:52a0ef9756d0/</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:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:ie"/>
</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://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://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://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>
<item rdf:about="http://lukyvj.github.io/EfficaCSS/">
    <title>Effica{CSS}</title>
    <dc:date>2014-09-09T15:25:28+00:00</dc:date>
    <link>http://lukyvj.github.io/EfficaCSS/</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[A set of SASS & Bourbon mixins to power up your stylesheets
And to provide you the best OVCSS system.]]></description>
<dc:subject>bourbon css sass webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:2ffddeebf36d/</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:li rdf:resource="https://pinboard.in/u:berberich/t:webdesign"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://git.blivesta.com/animsition/fade/">
    <title>Fade</title>
    <dc:date>2014-09-09T15:16:31+00:00</dc:date>
    <link>http://git.blivesta.com/animsition/fade/</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[A simple and easy jQuery plugin used to add page transition on css animations.]]></description>
<dc:subject>css jquery tools webdesign animation</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:7c66b35b7d52/</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:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:tools"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:animation"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://css-tricks.com/centering-css-complete-guide/">
    <title>Centering in CSS: A Complete Guide</title>
    <dc:date>2014-09-09T15:11:43+00:00</dc:date>
    <link>http://css-tricks.com/centering-css-complete-guide/</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[Centering things in CSS is the poster child of CSS complaining. Why does it have to be so hard? They jeer. I think the issue isn't that it's difficult to d]]></description>
<dc:subject>css webdesign guide</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:bdc715b8fa29/</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:guide"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://sarasoueidan.com/blog/svg-transformations/">
    <title>Understanding SVG Coordinate Systems &amp; Transformations (Part 2) – The transform Attribute</title>
    <dc:date>2014-08-21T03:27:54+00:00</dc:date>
    <link>http://sarasoueidan.com/blog/svg-transformations/</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[SVG elements can be transformed by scaling, translating, skewing, and rotating—much like HTML elements can be transformed using CSS Transforms. However, there are certain inevitable differences when it comes to the coordinate systems used and affected by these transformations. In this article we'll go over the SVG transform attribute and CSS property, covering how to use it, and things you should know about SVG coordinate system transformations.]]></description>
<dc:subject>svg animation webdesign tutorial</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:1c9d3e95ad37/</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:animation"/>
	<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://sarasoueidan.com/blog/svg-coordinate-systems/">
    <title>Understanding SVG Coordinate Systems &amp; Transformations (Part 1) – The viewport, viewBox, &amp; preserveAspectRatio</title>
    <dc:date>2014-08-21T03:27:15+00:00</dc:date>
    <link>http://sarasoueidan.com/blog/svg-coordinate-systems/</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[SVG elements aren't governed by a CSS box model like HTML elements are. This makes positioning and transforming these elements trickier and may seem—at first glance—less intuitive. However, once you understand how SVG coordinate systems and transformations work, manipulating SVGs becomes a lot easier and makes a lot more sense. In this article we're going to go over three of the most important SVG attributes that control SVG coordinate systems: viewport, viewBox, and preserveAspectRatio.]]></description>
<dc:subject>css svg tutorial webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:8153e322225b/</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:svg"/>
	<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://www.paletton.com">
    <title>Paletton - The Color Scheme Designer</title>
    <dc:date>2014-07-24T21:11:42+00:00</dc:date>
    <link>http://www.paletton.com</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[A designer tool for creating color combinations that work together well.]]></description>
<dc:subject>color design webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:c558d708386e/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:color"/>
	<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://css-tricks.com/mega-list-svg-information/">
    <title>A Compendium of SVG Information | CSS-Tricks</title>
    <dc:date>2014-07-22T19:43:07+00:00</dc:date>
    <link>http://css-tricks.com/mega-list-svg-information/</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[via CSS-Tricks http://css-tricks.com]]></description>
<dc:subject>Feedly Recently Read Saved for Later CSS SVG webdesign</dc:subject>
<dc:identifier>https://pinboard.in/u:berberich/b:477fbd744736/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:Feedly"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:Recently"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:Read"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:Saved"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:for"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:Later"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:CSS"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:SVG"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdesign"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://aneventapart.com/news/post/preprocessing-is-for-everybody-chris-coyier-an-event-apart-video-css-sass">
    <title>An Event Apart</title>
    <dc:date>2014-07-22T19:05:11+00:00</dc:date>
    <link>http://aneventapart.com/news/post/preprocessing-is-for-everybody-chris-coyier-an-event-apart-video-css-sass</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[In this sixty-minute video captured live at An Event Apart Austin, Chris Coyier (CSS-Tricks.com, Codepen) explains why “preprocessing is for everybody”—even control-freak designer-developers.]]></description>
<dc:subject>video sass css3 preprocessor webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:1c5afac19fb4/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:video"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:sass"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:preprocessor"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdesign"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://css-tricks.com/authoring-critical-fold-css/">
    <title>Authoring Critical Above-the-Fold CSS</title>
    <dc:date>2014-07-18T21:41:16+00:00</dc:date>
    <link>http://css-tricks.com/authoring-critical-fold-css/</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[The following is a guest post by Ben Edwards. I saw Ben tweet about a simple Sass @mixin that allowed you designate bits of CSS as being "critical" - the idea being to load that critical CSS first and defer the loading of the rest of the CSS until later. A clever idea, and one that is getting very popular in the web performance crowd. I thought I'd get Ben to introduce these ideas in more detail for us.]]></description>
<dc:subject>css performance sass webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:56342e2a0ea5/</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:performance"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:sass"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdesign"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://hiloki.github.io/kitecss/">
    <title>Kite</title>
    <dc:date>2014-07-18T21:40:01+00:00</dc:date>
    <link>http://hiloki.github.io/kitecss/</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[is a flexible layout helper CSS library.]]></description>
<dc:subject>css framework webdesign layout library</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:9706e5658c64/</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:framework"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:library"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/">
    <title>Inheriting box-sizing Probably Slightly Better Best-Practice</title>
    <dc:date>2014-07-17T20:34:25+00:00</dc:date>
    <link>http://css-tricks.com/inheriting-box-sizing-probably-slightly-better-best-practice/</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[This will give you the same result, and make it easier to change the box-sizing in plugins or other components that leverage other behavior.]]></description>
<dc:subject>css css3 webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:670000b6b375/</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:webdesign"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://jonassebastianohlsson.com/criticalpathcssgenerator/">
    <title>Critical Path CSS Generator - by Jonas Ohlsson</title>
    <dc:date>2014-06-24T20:14:08+00:00</dc:date>
    <link>http://jonassebastianohlsson.com/criticalpathcssgenerator/</link>
    <dc:creator>berberich</dc:creator><description><![CDATA[This tool extracts only the CSS needed for the above-the-fold content for the page you specify. ]]></description>
<dc:subject>webdesign webdev tools resources css performance</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:berberich/b:a5db7bc95508/</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:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:tools"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:resources"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:berberich/t:performance"/>
</rdf:Bag></taxo:topics>
</item>
</rdf:RDF>