<?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 (scottymac)</title>
    <link>https://pinboard.in/u:scottymac/public/</link>
    <description>recent bookmarks from scottymac</description>
    <items>
      <rdf:Seq>	<rdf:li rdf:resource="http://flexbox.malven.co/"/>
	<rdf:li rdf:resource="http://grid.malven.co/"/>
	<rdf:li rdf:resource="https://picturepan2.github.io/spectre/index.html"/>
	<rdf:li rdf:resource="http://www.gridtoflex.com/"/>
	<rdf:li rdf:resource="https://github.com/giakki/uncss"/>
	<rdf:li rdf:resource="https://neat.bourbon.io/"/>
	<rdf:li rdf:resource="http://vodkabears.github.io/remodal/#"/>
	<rdf:li rdf:resource="http://lab.hakim.se/scroll-effects/"/>
	<rdf:li rdf:resource="http://lab.hakim.se/avgrund/"/>
	<rdf:li rdf:resource="http://codepen.io/rickzanutta/details/yjaeB/"/>
	<rdf:li rdf:resource="http://codepen.io/NobodyRocks/pen/qzfoc"/>
	<rdf:li rdf:resource="http://codologic.com/page/gradx-jquery-javascript-gradient-selector-library"/>
	<rdf:li rdf:resource="http://www.framerjs.com/"/>
	<rdf:li rdf:resource="http://responsive-nav.com/"/>
	<rdf:li rdf:resource="http://filamentgroup.github.com/Overthrow/#wat"/>
	<rdf:li rdf:resource="http://coding.smashingmagazine.com/2013/01/15/off-canvas-navigation-for-responsive-website/"/>
	<rdf:li rdf:resource="http://www.pixate.com/#features"/>
	<rdf:li rdf:resource="http://foundation.zurb.com/"/>
	<rdf:li rdf:resource="https://github.com/tombenner/nui"/>
	<rdf:li rdf:resource="http://vitalets.github.com/bootstrap-editable/"/>
	<rdf:li rdf:resource="http://kubeframework.com/"/>
	<rdf:li rdf:resource="http://leaverou.github.com/animatable/#When:07:09"/>
	<rdf:li rdf:resource="http://paulirish.com/2012/box-sizing-border-box-ftw/"/>
	<rdf:li rdf:resource="http://incident57.com/codekit/"/>
	<rdf:li rdf:resource="http://css-tricks.com/better-tabs-with-round-out-borders/"/>
	<rdf:li rdf:resource="http://www.significantpixels.com/2010/12/10/responsive-grid-systems/"/>
	<rdf:li rdf:resource="http://livereload.com/"/>
	<rdf:li rdf:resource="http://harvesthq.github.com/chosen/"/>
	<rdf:li rdf:resource="http://www.campaignmonitor.com/css/?"/>
	<rdf:li rdf:resource="http://nicolasgallagher.com/multiple-backgrounds-and-borders-with-css2/"/>
	<rdf:li rdf:resource="http://css-tricks.com/custom-scrollbars-in-webkit/"/>
	<rdf:li rdf:resource="http://fittextjs.com/"/>
	<rdf:li rdf:resource="http://www.testking.com/techking/infographics/fontularity-most-popular-fonts-by-operating-system-infographic/"/>
	<rdf:li rdf:resource="http://www.kernjs.com/"/>
	<rdf:li rdf:resource="http://www.smashingmagazine.com/2011/02/16/css-useful-coding-techniques-and-design-solutions/"/>
	<rdf:li rdf:resource="http://fluid.newgoldleaf.com/"/>
	<rdf:li rdf:resource="http://tools.westciv.com/gradients/"/>
	<rdf:li rdf:resource="http://elementiks.com/web_resources.php"/>
	<rdf:li rdf:resource="http://stevecochrane.com/v3/2007/12/13/helvetica-neue-variants-for-use-on-the-web/"/>
	<rdf:li rdf:resource="http://opentype.info/demo/webfontdemo.html"/>
      </rdf:Seq>
    </items>
  </channel><item rdf:about="http://flexbox.malven.co/">
    <title>FLEX: A simple visual cheatsheet for flexbox</title>
    <dc:date>2019-10-31T16:27:51+00:00</dc:date>
    <link>http://flexbox.malven.co/</link>
    <dc:creator>scottymac</dc:creator><dc:subject>css flexbox</dc:subject>
<dc:identifier>https://pinboard.in/u:scottymac/b:bf48c3ed34b4/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:flexbox"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://grid.malven.co/">
    <title>GRID: A simple visual cheatsheet for CSS Grid Layout</title>
    <dc:date>2019-10-31T16:27:34+00:00</dc:date>
    <link>http://grid.malven.co/</link>
    <dc:creator>scottymac</dc:creator><dc:subject>css grid</dc:subject>
<dc:identifier>https://pinboard.in/u:scottymac/b:07153cfdeb45/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:grid"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://picturepan2.github.io/spectre/index.html">
    <title>Spectre.css CSS Framework</title>
    <dc:date>2018-11-15T16:30:33+00:00</dc:date>
    <link>https://picturepan2.github.io/spectre/index.html</link>
    <dc:creator>scottymac</dc:creator><dc:subject>css</dc:subject>
<dc:identifier>https://pinboard.in/u:scottymac/b:adae487283c2/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.gridtoflex.com/">
    <title>gridtoflex.com</title>
    <dc:date>2018-05-24T20:44:51+00:00</dc:date>
    <link>http://www.gridtoflex.com/</link>
    <dc:creator>scottymac</dc:creator><description><![CDATA[Flexbox fallbacks for popular UI solutions that use CSS Grid.]]></description>
<dc:subject>css grid flexbox</dc:subject>
<dc:identifier>https://pinboard.in/u:scottymac/b:5daf12cd921b/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:grid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:flexbox"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://github.com/giakki/uncss">
    <title>giakki/uncss: Remove unused styles from CSS</title>
    <dc:date>2017-06-19T21:35:13+00:00</dc:date>
    <link>https://github.com/giakki/uncss</link>
    <dc:creator>scottymac</dc:creator><description><![CDATA[Remove unused styles from CSS]]></description>
<dc:subject>css</dc:subject>
<dc:identifier>https://pinboard.in/u:scottymac/b:3d96ed26bb8e/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://neat.bourbon.io/">
    <title>Neat - A Lightweight and flexible Sass grid</title>
    <dc:date>2017-02-27T18:31:12+00:00</dc:date>
    <link>https://neat.bourbon.io/</link>
    <dc:creator>scottymac</dc:creator><dc:subject>sass grid css</dc:subject>
<dc:identifier>https://pinboard.in/u:scottymac/b:554d773da758/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:sass"/>
	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:grid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://vodkabears.github.io/remodal/#">
    <title>Remodal v1. The modal done right.</title>
    <dc:date>2015-08-26T17:54:55+00:00</dc:date>
    <link>http://vodkabears.github.io/remodal/#</link>
    <dc:creator>scottymac</dc:creator><description><![CDATA[Responsive, lightweight, fast, synchronized with CSS animations, fully customizable modal window plugin with declarative configuration and hash tracking.]]></description>
<dc:subject>modal css</dc:subject>
<dc:identifier>https://pinboard.in/u:scottymac/b:4baad5375965/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:modal"/>
	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://lab.hakim.se/scroll-effects/">
    <title>stroll.js - CSS3 Scroll Effects</title>
    <dc:date>2015-07-06T02:37:51+00:00</dc:date>
    <link>http://lab.hakim.se/scroll-effects/</link>
    <dc:creator>scottymac</dc:creator><dc:subject>css</dc:subject>
<dc:identifier>https://pinboard.in/u:scottymac/b:e89656e15fd2/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://lab.hakim.se/avgrund/">
    <title>Avgrund - A modal UI concept</title>
    <dc:date>2015-07-06T02:37:25+00:00</dc:date>
    <link>http://lab.hakim.se/avgrund/</link>
    <dc:creator>scottymac</dc:creator><description><![CDATA[A modal concept which aims to give a sense of depth between the page and modal layers. Click the button below to give it a try.]]></description>
<dc:subject>modal css</dc:subject>
<dc:identifier>https://pinboard.in/u:scottymac/b:11be5b7ec8df/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:modal"/>
	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://codepen.io/rickzanutta/details/yjaeB/">
    <title>CSS3 spin preloader + preload Page</title>
    <dc:date>2014-09-15T23:43:44+00:00</dc:date>
    <link>http://codepen.io/rickzanutta/details/yjaeB/</link>
    <dc:creator>scottymac</dc:creator><dc:subject>preloader spinner css</dc:subject>
<dc:identifier>https://pinboard.in/u:scottymac/b:f78cd5852e68/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:preloader"/>
	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:spinner"/>
	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://codepen.io/NobodyRocks/pen/qzfoc">
    <title>[CSS3] Neon Glow - CodePen</title>
    <dc:date>2014-08-18T00:07:43+00:00</dc:date>
    <link>http://codepen.io/NobodyRocks/pen/qzfoc</link>
    <dc:creator>scottymac</dc:creator><dc:subject>css</dc:subject>
<dc:identifier>https://pinboard.in/u:scottymac/b:1bb0252f06e6/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://codologic.com/page/gradx-jquery-javascript-gradient-selector-library">
    <title>Gradx</title>
    <dc:date>2013-05-31T18:30:44+00:00</dc:date>
    <link>http://codologic.com/page/gradx-jquery-javascript-gradient-selector-library</link>
    <dc:creator>scottymac</dc:creator><description><![CDATA[Gradient selector library]]></description>
<dc:subject>css</dc:subject>
<dc:identifier>https://pinboard.in/u:scottymac/b:ab643c3b2c0c/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.framerjs.com/">
    <title>Framer - Prototyping Tool</title>
    <dc:date>2013-05-18T18:18:17+00:00</dc:date>
    <link>http://www.framerjs.com/</link>
    <dc:creator>scottymac</dc:creator><description><![CDATA[Framer can help you to quickly build interactions and animations. Built for designers and integrates with Photoshop. Great alternative to Quartz Composer, Flash or Keynote.]]></description>
<dc:subject>animation css</dc:subject>
<dc:identifier>https://pinboard.in/u:scottymac/b:66c4d4775e3e/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:animation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://responsive-nav.com/">
    <title>Responsive Nav — Responsive Navigation Plugin</title>
    <dc:date>2013-04-11T23:16:18+00:00</dc:date>
    <link>http://responsive-nav.com/</link>
    <dc:creator>scottymac</dc:creator><description><![CDATA[Responsive Nav is a tiny JavaScript plugin which weighs only 1.7 KB minified and Gzip’ed, and helps you to create a toggled navigation for small screens. It uses touch events and CSS3 transitions for the best possible performance. It also contains a “clever” workaround that makes it possible to transition from height: 0 to height: auto, which isn’t normally possible with CSS3 transitions.]]></description>
<dc:subject>javascript css responsive</dc:subject>
<dc:identifier>https://pinboard.in/u:scottymac/b:c2a5dc7052b0/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:responsive"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://filamentgroup.github.com/Overthrow/#wat">
    <title>Overthrow</title>
    <dc:date>2013-03-15T04:03:08+00:00</dc:date>
    <link>http://filamentgroup.github.com/Overthrow/#wat</link>
    <dc:creator>scottymac</dc:creator><description><![CDATA[Overthrow enables overflow support as a qualified, progressive enhancement, meaning your content starts out uncropped and accessible, and properties like width and height are assigned only in browsers where overflow content can reliably be scrolled (either natively or with the polyfill). In browsers that don't support overflow natively, and also don't support touch events, the content will not receive dimensions at all, leaving users with a degraded but accessible experience.]]></description>
<dc:subject>css webdev</dc:subject>
<dc:identifier>https://pinboard.in/u:scottymac/b:f1c70e4ae50a/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:webdev"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://coding.smashingmagazine.com/2013/01/15/off-canvas-navigation-for-responsive-website/">
    <title>Implementing Off-Canvas Navigation For A Responsive Website | Smashing Coding</title>
    <dc:date>2013-02-05T21:16:12+00:00</dc:date>
    <link>http://coding.smashingmagazine.com/2013/01/15/off-canvas-navigation-for-responsive-website/</link>
    <dc:creator>scottymac</dc:creator><dc:subject>css responsivedesign</dc:subject>
<dc:identifier>https://pinboard.in/u:scottymac/b:42281baa4f08/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:responsivedesign"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.pixate.com/#features">
    <title>Pixate</title>
    <dc:date>2013-02-02T02:29:57+00:00</dc:date>
    <link>http://www.pixate.com/#features</link>
    <dc:creator>scottymac</dc:creator><description><![CDATA[With Pixate, designers and developers alike can conceive, implement, and modify native mobile interfaces effortlessly and in real time through a familiar CSS-based syntax]]></description>
<dc:subject>ios css</dc:subject>
<dc:identifier>https://pinboard.in/u:scottymac/b:893f78abfbf3/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:ios"/>
	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://foundation.zurb.com/">
    <title>Foundation: The Most Advanced Responsive Front-end Framework from ZURB</title>
    <dc:date>2012-12-06T21:55:10+00:00</dc:date>
    <link>http://foundation.zurb.com/</link>
    <dc:creator>scottymac</dc:creator><dc:subject>responsivedesign css bootstrap</dc:subject>
<dc:identifier>https://pinboard.in/u:scottymac/b:431cdd74d4f8/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:responsivedesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:bootstrap"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://github.com/tombenner/nui">
    <title>NUI</title>
    <dc:date>2012-12-05T21:43:50+00:00</dc:date>
    <link>https://github.com/tombenner/nui</link>
    <dc:creator>scottymac</dc:creator><description><![CDATA[NUI is a drop-in UI kit for iOS that lets you style UI elements using a style sheet, similar to CSS. It lets you style an entire app in minutes.]]></description>
<dc:subject>ios css</dc:subject>
<dc:identifier>https://pinboard.in/u:scottymac/b:c867f7ca3cd9/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:ios"/>
	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://vitalets.github.com/bootstrap-editable/">
    <title>Editable for Bootstrap</title>
    <dc:date>2012-11-26T19:28:09+00:00</dc:date>
    <link>http://vitalets.github.com/bootstrap-editable/</link>
    <dc:creator>scottymac</dc:creator><dc:subject>css bootstrap javascript</dc:subject>
<dc:identifier>https://pinboard.in/u:scottymac/b:fdc955306465/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:bootstrap"/>
	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:javascript"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://kubeframework.com/">
    <title>Kube Framework</title>
    <dc:date>2012-09-27T17:30:14+00:00</dc:date>
    <link>http://kubeframework.com/</link>
    <dc:creator>scottymac</dc:creator><dc:subject>css bootstrap</dc:subject>
<dc:identifier>https://pinboard.in/u:scottymac/b:bcb02cf14c15/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:bootstrap"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://leaverou.github.com/animatable/#When:07:09">
    <title>Animatable: One property, two values, endless possiblities</title>
    <dc:date>2012-06-14T16:26:38+00:00</dc:date>
    <link>http://leaverou.github.com/animatable/#When:07:09</link>
    <dc:creator>scottymac</dc:creator><dc:subject>css animation</dc:subject>
<dc:identifier>https://pinboard.in/u:scottymac/b:24a67eb7c863/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:animation"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://paulirish.com/2012/box-sizing-border-box-ftw/">
    <title>* { box-sizing: border-box } FTW « Paul Irish</title>
    <dc:date>2012-02-23T20:15:35+00:00</dc:date>
    <link>http://paulirish.com/2012/box-sizing-border-box-ftw/</link>
    <dc:creator>scottymac</dc:creator><description><![CDATA[Going to try this in my next project. I mean, how long have we been waiting for part of the box model to make sense?]]></description>
<dc:subject>css boxmodel</dc:subject>
<dc:identifier>https://pinboard.in/u:scottymac/b:7307da58b551/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:boxmodel"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://incident57.com/codekit/">
    <title>CodeKit — THE Mac App For Web Developers</title>
    <dc:date>2012-02-07T16:02:17+00:00</dc:date>
    <link>http://incident57.com/codekit/</link>
    <dc:creator>scottymac</dc:creator><description><![CDATA[CodeKit automatically compiles Less, Sass, Stylus, CoffeeScript & Haml files. It effortlessly combines, minifies and error-checks Javascript. It supports Compass. It even optimizes jpeg & png images, auto-reloads your browser and lets you use the same files across many projects. And that's just the first paragraph.]]></description>
<dc:subject>webdev css</dc:subject>
<dc:identifier>https://pinboard.in/u:scottymac/b:599895214eb1/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:webdev"/>
	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://css-tricks.com/better-tabs-with-round-out-borders/">
    <title>(Better) Tabs with Round Out Borders | CSS-Tricks</title>
    <dc:date>2012-01-10T22:32:36+00:00</dc:date>
    <link>http://css-tricks.com/better-tabs-with-round-out-borders/</link>
    <dc:creator>scottymac</dc:creator><description><![CDATA[A good-looking tab control usually has one feature that I've always found impossible to reproduce without images: borders that bend to the outside at the bottom of each tab. In this article I would like to show how you can use the CSS :before and :after pseudo elements to create this effect without using images. First, let's start with some basic markup.]]></description>
<dc:subject>css</dc:subject>
<dc:identifier>https://pinboard.in/u:scottymac/b:ed77fe0d1ad0/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.significantpixels.com/2010/12/10/responsive-grid-systems/">
    <title>Responsive Grid Systems « Significantpixels.com</title>
    <dc:date>2012-01-08T18:10:40+00:00</dc:date>
    <link>http://www.significantpixels.com/2010/12/10/responsive-grid-systems/</link>
    <dc:creator>scottymac</dc:creator><description><![CDATA[A Conceptual Framework for Extending Upon the Functionality of 960.gs]]></description>
<dc:subject>webdesign css</dc:subject>
<dc:identifier>https://pinboard.in/u:scottymac/b:1d0dfb7d2286/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://livereload.com/">
    <title>LiveReload</title>
    <dc:date>2011-11-04T00:34:40+00:00</dc:date>
    <link>http://livereload.com/</link>
    <dc:creator>scottymac</dc:creator><description><![CDATA[LiveReload monitors changes in the file system. As soon as you save a file, it is preprocessed as needed, and the browser is refreshed.

Even cooler, when you change a CSS file or an image, the browser is updated instantly without reloading the page.]]></description>
<dc:subject>css webdev</dc:subject>
<dc:identifier>https://pinboard.in/u:scottymac/b:29cc44ef1d1b/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:webdev"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://harvesthq.github.com/chosen/">
    <title>Chosen</title>
    <dc:date>2011-07-30T00:40:00+00:00</dc:date>
    <link>http://harvesthq.github.com/chosen/</link>
    <dc:creator>scottymac</dc:creator><description><![CDATA[Chosen is a JavaScript plugin that makes long, unwieldy select boxes much more user-friendly. It is currently available in both jQuery and Prototype flavors.]]></description>
<dc:subject>html css</dc:subject>
<dc:identifier>https://pinboard.in/u:scottymac/b:b8837db682be/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.campaignmonitor.com/css/?">
    <title>Guide to CSS support in email</title>
    <dc:date>2011-07-01T15:32:28+00:00</dc:date>
    <link>http://www.campaignmonitor.com/css/?</link>
    <dc:creator>scottymac</dc:creator><description><![CDATA[2011 guide]]></description>
<dc:subject>css email</dc:subject>
<dc:identifier>https://pinboard.in/u:scottymac/b:613ae0065f77/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:email"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://nicolasgallagher.com/multiple-backgrounds-and-borders-with-css2/">
    <title>Multiple Backgrounds and Borders with CSS 2.1 – Nicolas Gallagher</title>
    <dc:date>2011-06-14T17:11:18+00:00</dc:date>
    <link>http://nicolasgallagher.com/multiple-backgrounds-and-borders-with-css2/</link>
    <dc:creator>scottymac</dc:creator><dc:subject>css</dc:subject>
<dc:identifier>https://pinboard.in/u:scottymac/b:bb7ed63ed420/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://css-tricks.com/custom-scrollbars-in-webkit/">
    <title>Custom Scrollbars in WebKit | CSS-Tricks</title>
    <dc:date>2011-05-21T17:15:58+00:00</dc:date>
    <link>http://css-tricks.com/custom-scrollbars-in-webkit/</link>
    <dc:creator>scottymac</dc:creator><dc:subject>webkit webdesign css</dc:subject>
<dc:identifier>https://pinboard.in/u:scottymac/b:d4ce7aa6f2f9/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:webkit"/>
	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://fittextjs.com/">
    <title>FitText - A plugin for inflating web type</title>
    <dc:date>2011-05-13T19:37:08+00:00</dc:date>
    <link>http://fittextjs.com/</link>
    <dc:creator>scottymac</dc:creator><description><![CDATA[FitText makes font-sizes flexible. Use this plugin on your fluid or responsive layout to achieve scalable headlines that fill the width of a parent element.]]></description>
<dc:subject>css jquery type</dc:subject>
<dc:identifier>https://pinboard.in/u:scottymac/b:884ec2573ae3/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:type"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.testking.com/techking/infographics/fontularity-most-popular-fonts-by-operating-system-infographic/">
    <title>Fontularity: Most Popular Fonts by Operating System</title>
    <dc:date>2011-04-08T15:12:42+00:00</dc:date>
    <link>http://www.testking.com/techking/infographics/fontularity-most-popular-fonts-by-operating-system-infographic/</link>
    <dc:creator>scottymac</dc:creator><dc:subject>fonts css</dc:subject>
<dc:identifier>https://pinboard.in/u:scottymac/b:e9e751931439/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:fonts"/>
	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.kernjs.com/">
    <title>Kern.js - Make web kerning suck less.</title>
    <dc:date>2011-03-31T13:54:00+00:00</dc:date>
    <link>http://www.kernjs.com/</link>
    <dc:creator>scottymac</dc:creator><description><![CDATA[To start using Kern.JS, first deploy the easy-to-use Lettering.JS on your page. Once installed, come back here and drag the big blue icon to your bookmarks bar. Letters can be kerned by selecting and dragging them, or by using the arrow keys. Now with em-based adjustments!]]></description>
<dc:subject>css type</dc:subject>
<dc:identifier>https://pinboard.in/u:scottymac/b:024e9f20bea0/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:type"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.smashingmagazine.com/2011/02/16/css-useful-coding-techniques-and-design-solutions/">
    <title>CSS: Innovative Techniques and Practical Solutions - Smashing Magazine</title>
    <dc:date>2011-02-26T20:31:28+00:00</dc:date>
    <link>http://www.smashingmagazine.com/2011/02/16/css-useful-coding-techniques-and-design-solutions/</link>
    <dc:creator>scottymac</dc:creator><dc:subject>css</dc:subject>
<dc:identifier>https://pinboard.in/u:scottymac/b:b3eba4528739/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://fluid.newgoldleaf.com/">
    <title>Fluid Grid System</title>
    <dc:date>2010-05-23T00:30:15+00:00</dc:date>
    <link>http://fluid.newgoldleaf.com/</link>
    <dc:creator>scottymac</dc:creator><dc:subject>grid css</dc:subject>
<dc:identifier>https://pinboard.in/u:scottymac/b:7c6ab591bf4e/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:grid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://tools.westciv.com/gradients/">
    <title>Gradientifier</title>
    <dc:date>2009-05-31T19:59:15+00:00</dc:date>
    <link>http://tools.westciv.com/gradients/</link>
    <dc:creator>scottymac</dc:creator><dc:subject>css css3 gradients</dc:subject>
<dc:identifier>https://pinboard.in/u:scottymac/b:0615160f211b/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:gradients"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://elementiks.com/web_resources.php">
    <title>Web Design Resources I Use</title>
    <dc:date>2009-01-19T16:42:22+00:00</dc:date>
    <link>http://elementiks.com/web_resources.php</link>
    <dc:creator>scottymac</dc:creator><dc:subject>jquery flash css icons</dc:subject>
<dc:identifier>https://pinboard.in/u:scottymac/b:47d4d7583040/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:flash"/>
	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:icons"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://stevecochrane.com/v3/2007/12/13/helvetica-neue-variants-for-use-on-the-web/">
    <title>Helvetica Neue variants for use on the web // Steve Cochrane</title>
    <dc:date>2008-10-22T03:42:32+00:00</dc:date>
    <link>http://stevecochrane.com/v3/2007/12/13/helvetica-neue-variants-for-use-on-the-web/</link>
    <dc:creator>scottymac</dc:creator><dc:subject>fonts web css</dc:subject>
<dc:identifier>https://pinboard.in/u:scottymac/b:4486a8b88038/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:fonts"/>
	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:web"/>
	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://opentype.info/demo/webfontdemo.html">
    <title>10 Great Free Fonts for @font-face embedding</title>
    <dc:date>2008-08-08T14:30:22+00:00</dc:date>
    <link>http://opentype.info/demo/webfontdemo.html</link>
    <dc:creator>scottymac</dc:creator><dc:subject>fonts css</dc:subject>
<dc:identifier>https://pinboard.in/u:scottymac/b:99d7d10b03cf/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:fonts"/>
	<rdf:li rdf:resource="https://pinboard.in/u:scottymac/t:css"/>
</rdf:Bag></taxo:topics>
</item>
</rdf:RDF>