<?xml version="1.0" encoding="UTF-8"?>
 <rdf:RDF xmlns="http://purl.org/rss/1.0/" xmlns:rdf="http://www.w3.org/1999/02/22-rdf-syntax-ns#" xmlns:content="http://purl.org/rss/1.0/modules/content/" xmlns:taxo="http://purl.org/rss/1.0/modules/taxonomy/" xmlns:dc="http://purl.org/dc/elements/1.1/" xmlns:cc="http://web.resource.org/cc/" xmlns:syn="http://purl.org/rss/1.0/modules/syndication/" xmlns:admin="http://webns.net/mvcb/">
  <channel rdf:about="http://pinboard.in">
    <title>Pinboard (fjordaan)</title>
    <link>https://pinboard.in/u:fjordaan/public/</link>
    <description>recent bookmarks from fjordaan</description>
    <items>
      <rdf:Seq>	<rdf:li rdf:resource="https://neumorphism.io/#55b9f3"/>
	<rdf:li rdf:resource="https://stackoverflow.com/questions/8449933/animation-css3-display-opacity/8450102"/>
	<rdf:li rdf:resource="https://stackoverflow.com/questions/21233033/css3-marquee-effect"/>
	<rdf:li rdf:resource="http://www.flexboxpatterns.com/home"/>
	<rdf:li rdf:resource="http://zomigi.com/blog/deal-breaker-problems-with-css3-multi-columns/"/>
	<rdf:li rdf:resource="http://stackoverflow.com/questions/7785374/how-to-prevent-column-break-within-an-element/10516788#10516788"/>
	<rdf:li rdf:resource="http://demosthenes.info/blog/438/CSS3-Border-Image-Explained"/>
	<rdf:li rdf:resource="http://csstriggers.com/"/>
	<rdf:li rdf:resource="http://matthewlein.com/ceaser/"/>
	<rdf:li rdf:resource="http://chriswrightdesign.com/experiments/using-flexbox-today/"/>
	<rdf:li rdf:resource="http://selectivizr.com/"/>
	<rdf:li rdf:resource="http://flexboxgrid.com/"/>
	<rdf:li rdf:resource="http://ianlunn.github.io/Hover/"/>
	<rdf:li rdf:resource="http://www.minimamente.com/example/magic_animations/"/>
	<rdf:li rdf:resource="http://aestheticallyloyal.com/public/optimize-legibility/"/>
	<rdf:li rdf:resource="http://css-tricks.com/snippets/css/media-queries-for-standard-devices/"/>
	<rdf:li rdf:resource="http://css-tricks.com/frosting-glass-css-filters/"/>
	<rdf:li rdf:resource="http://www.dynamicsights.com/csscolorcycle.html"/>
	<rdf:li rdf:resource="http://scotch.io/tutorials/css/css3-hidden-social-buttons"/>
	<rdf:li rdf:resource="http://zerosixthree.se/vertical-align-anything-with-just-3-lines-of-css/"/>
	<rdf:li rdf:resource="http://easings.net/"/>
	<rdf:li rdf:resource="http://oli.jp/2010/css-animatable-properties/"/>
	<rdf:li rdf:resource="http://css3.bradshawenterprises.com/transitions/"/>
	<rdf:li rdf:resource="http://kizu.github.com/Polygons/"/>
	<rdf:li rdf:resource="http://metafizzy.co/"/>
	<rdf:li rdf:resource="http://tumble.sneak.co.nz/post/928998513/fixing-the-background-bleed"/>
	<rdf:li rdf:resource="http://24ways.org/2009/have-a-field-day-with-html5-forms"/>
	<rdf:li rdf:resource="http://html5please.us/"/>
	<rdf:li rdf:resource="http://perfectionkills.com/profiling-css-for-fun-and-profit-optimization-notes/"/>
	<rdf:li rdf:resource="http://tympanus.net/Tutorials/TypographyEffects/index.html"/>
	<rdf:li rdf:resource="http://css3exp.com/button/"/>
	<rdf:li rdf:resource="http://daneden.me/animate/"/>
	<rdf:li rdf:resource="http://nicolasgallagher.com/pure-css-gui-icons/"/>
	<rdf:li rdf:resource="http://html5snippets.com/"/>
	<rdf:li rdf:resource="http://www.gyford.com/phil/writing/2011/06/10/web-hyphenation.php"/>
	<rdf:li rdf:resource="http://mediaqueri.es/about/"/>
	<rdf:li rdf:resource="http://www.html5rocks.com/tutorials/flexbox/quick/"/>
	<rdf:li rdf:resource="http://2011.beercamp.com/"/>
	<rdf:li rdf:resource="http://blog.typekit.com/2011/02/10/type-study-an-all-css-button/"/>
	<rdf:li rdf:resource="http://maban.co.uk/42"/>
	<rdf:li rdf:resource="http://markdotto.com/playground/3d-text/"/>
	<rdf:li rdf:resource="http://blog.codinginparadise.org/2010/10/3d-slides-built-with-html5-css3-and-svg.html"/>
	<rdf:li rdf:resource="http://www.effectgames.com/effect/article.psp.html/joe/My_HTML5_CSS3_Browser_Wish_List"/>
	<rdf:li rdf:resource="http://www.youtube.com/watch?v=-BsB0HpS768&amp;feature=youtu.be&amp;fmt=22"/>
	<rdf:li rdf:resource="http://hakim.se/experiments/"/>
	<rdf:li rdf:resource="http://blog.graphicpeel.com/post/740928981/ios-icons-made-in-pure-css"/>
	<rdf:li rdf:resource="http://graphicpeel.com/cssiosicons"/>
	<rdf:li rdf:resource="http://caniuse.com/"/>
	<rdf:li rdf:resource="http://www.modernizr.com/"/>
	<rdf:li rdf:resource="http://www.westciv.com/tools/3Dtransforms/index.html"/>
	<rdf:li rdf:resource="http://apirocks.com/html5/html5.html"/>
	<rdf:li rdf:resource="http://24ways.org/2009/working-with-rgba-colour"/>
	<rdf:li rdf:resource="http://desandro.com"/>
	<rdf:li rdf:resource="http://www.romancortes.com/blog/pure-css-coke-can/"/>
	<rdf:li rdf:resource="http://meyerweb.com/eric/thoughts/2008/10/22/javascript-will-save-us-all/"/>
	<rdf:li rdf:resource="http://www.macedition.com/cb/resources/css3support_selectors.html"/>
	<rdf:li rdf:resource="http://www.macedition.com/cb/cb_20030616.php"/>
	<rdf:li rdf:resource="http://www.literarymoose.info/=/destroy/picturehead.html"/>
      </rdf:Seq>
    </items>
  </channel><item rdf:about="https://neumorphism.io/#55b9f3">
    <title>Neumorphism/Soft UI CSS shadow generator</title>
    <dc:date>2020-02-10T10:10:56+00:00</dc:date>
    <link>https://neumorphism.io/#55b9f3</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[Generate Soft-UI CSS code]]></description>
<dc:subject>css shadow tool generator css3 bevel emboss neomorphism skeuomorphism design bullshit</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:853b968d85e1/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:shadow"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:tool"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:generator"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:bevel"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:emboss"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:neomorphism"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:skeuomorphism"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:bullshit"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://stackoverflow.com/questions/8449933/animation-css3-display-opacity/8450102">
    <title>css - Animation CSS3: display + opacity - Stack Overflow</title>
    <dc:date>2019-07-29T10:07:34+00:00</dc:date>
    <link>https://stackoverflow.com/questions/8449933/animation-css3-display-opacity/8450102</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[I want to change the display just after the hover but the opacity should be changed using the transition.]]></description>
<dc:subject>CSS CSS3 animate transition animation display none</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:689692364e5a/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:CSS"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:CSS3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:animate"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:transition"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:animation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:display"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:none"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://stackoverflow.com/questions/21233033/css3-marquee-effect">
    <title>css - CSS3 Marquee Effect - Stack Overflow</title>
    <dc:date>2017-07-05T13:12:34+00:00</dc:date>
    <link>https://stackoverflow.com/questions/21233033/css3-marquee-effect</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[I'm creating a marquee effect with CSS3 animation]]></description>
<dc:subject>css css3 marquee ticker news scroll scrolling</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:8aee25329ae6/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:marquee"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:ticker"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:news"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:scroll"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:scrolling"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.flexboxpatterns.com/home">
    <title>Flexbox Patterns</title>
    <dc:date>2016-04-21T08:47:21+00:00</dc:date>
    <link>http://www.flexboxpatterns.com/home</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[Flexbox is awesome, but it introduces many new concepts that can make it difficult to use. These interactive examples will show you practical ways to use it to build UI components. They start out simple and get more complex near the end, and you can start using them in your own code right away.]]></description>
<dc:subject>css css3 patterns flexbox</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:327b4cda6e18/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:patterns"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:flexbox"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://zomigi.com/blog/deal-breaker-problems-with-css3-multi-columns/">
    <title>Deal-breaker problems with CSS3 multi-columns</title>
    <dc:date>2015-12-09T09:19:23+00:00</dc:date>
    <link>http://zomigi.com/blog/deal-breaker-problems-with-css3-multi-columns/</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[The second problem is how the browser should handle margin and padding on elements inside the columns. Webkit will let margin and padding be split in between columns; even when it doesn’t split a bottom margin, it will often let the entire margin show up at the top of a column. This can result in some extremely ugly and bizarre stuff:]]></description>
<dc:subject>css css3 columns webkit chrome firefox</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:b88950112946/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:columns"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:webkit"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:chrome"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:firefox"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://stackoverflow.com/questions/7785374/how-to-prevent-column-break-within-an-element/10516788#10516788">
    <title>css - How to prevent column break within an element? - Stack Overflow</title>
    <dc:date>2015-12-09T09:18:52+00:00</dc:date>
    <link>http://stackoverflow.com/questions/7785374/how-to-prevent-column-break-within-an-element/10516788#10516788</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[Adding;
display: inline-block;
to the child elements will prevent them being split between columns.]]></description>
<dc:subject>css css3 columns</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:71145ec87a2d/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:columns"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://demosthenes.info/blog/438/CSS3-Border-Image-Explained">
    <title>demosthenes.info – CSS3 Border-Image Explained</title>
    <dc:date>2015-03-26T10:33:21+00:00</dc:date>
    <link>http://demosthenes.info/blog/438/CSS3-Border-Image-Explained</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[One of the more powerful new CSS properties, border-image is also one of the best supported, with the exception of (all together now) IE10 and earlier. It is, unfortunately, also one of the most obtuse and difficult to understand.]]></description>
<dc:subject>css3 css border-image border image</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:0525c9de0dd8/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:border-image"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:border"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:image"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://csstriggers.com/">
    <title>CSS Triggers... A game of layout, paint, and composite</title>
    <dc:date>2015-03-10T16:10:07+00:00</dc:date>
    <link>http://csstriggers.com/</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[You'll want to stick to transitioning transform and opacity as much as possible. Altering anything else can be costly at a larger scale.
Transitioning layout properties creates browser paint and composite issues.]]></description>
<dc:subject>css css3 layout performance jank paint transform transition</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:08043c8af44f/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:performance"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:jank"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:paint"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:transform"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:transition"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://matthewlein.com/ceaser/">
    <title>Ceaser - CSS Easing Animation Tool - Matthew Lein</title>
    <dc:date>2015-03-10T16:05:32+00:00</dc:date>
    <link>http://matthewlein.com/ceaser/</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[Choose an easing type and test it out with a few effects.
If you don’t quite like the easing, grab a handle and fix it.
When you’re happy, snag your code and off you go.]]></description>
<dc:subject>animation css3 tools easing cubic bezier</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:f193d1760f16/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:animation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:tools"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:easing"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:cubic"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:bezier"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://chriswrightdesign.com/experiments/using-flexbox-today/">
    <title>Experiment: Using Flexbox Today - Chris Wright</title>
    <dc:date>2015-02-12T16:36:58+00:00</dc:date>
    <link>http://chriswrightdesign.com/experiments/using-flexbox-today/</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[In this experiment, I'm attempting to show the value of Flexbox in today's layouts, outline a strategy for adding it and give a few examples of how Flexbox can give current layouts extra powers that we either couldn't achieve, or were difficult to achieve before. ]]></description>
<dc:subject>css3 layout flexbox tutorial CSS</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:8050ca1a5903/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:flexbox"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:tutorial"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:CSS"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://selectivizr.com/">
    <title>Selectivizr - CSS3 pseudo-class and attribute selectors for IE 6-8</title>
    <dc:date>2015-02-12T15:41:55+00:00</dc:date>
    <link>http://selectivizr.com/</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[selectivizr is a JavaScript utility that emulates CSS3 pseudo-classes and attribute selectors in Internet Explorer 6-8. Simply include the script in your pages and selectivizr will do the rest.]]></description>
<dc:subject>css3 javascript ie8 polyfill selectors nth-child nth child</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:28a7b97fa3d4/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:ie8"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:polyfill"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:selectors"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:nth-child"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:nth"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:child"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://flexboxgrid.com/">
    <title>Flexbox Grid</title>
    <dc:date>2015-01-14T21:28:58+00:00</dc:date>
    <link>http://flexboxgrid.com/</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[A grid system based on the flex display property.]]></description>
<dc:subject>css framework responsive flexbox grid css3</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:6c24946f847e/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:framework"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:responsive"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:flexbox"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:grid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css3"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://ianlunn.github.io/Hover/">
    <title>Hover.css - A collection of CSS3 powered hover effects</title>
    <dc:date>2015-01-14T21:26:41+00:00</dc:date>
    <link>http://ianlunn.github.io/Hover/</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on.]]></description>
<dc:subject>animation css css3 effects hover</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:4b32839731d2/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:animation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:effects"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:hover"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.minimamente.com/example/magic_animations/">
    <title>Magic Animations CSS3</title>
    <dc:date>2015-01-14T21:23:15+00:00</dc:date>
    <link>http://www.minimamente.com/example/magic_animations/</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[CSS3 Animations with special effects. Just include the CSS style: magic.css or include the mynified version: magic.min.css]]></description>
<dc:subject>animation css css3 design</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:7462705c662a/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:animation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:design"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://aestheticallyloyal.com/public/optimize-legibility/">
    <title>Cross-browser kerning-pairs &amp; ligatures</title>
    <dc:date>2014-07-28T10:45:51+00:00</dc:date>
    <link>http://aestheticallyloyal.com/public/optimize-legibility/</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[Improved handling of kerning pairs and ligatures in modern browsers using the text-rendering: optimizeLegibility; declaration.]]></description>
<dc:subject>css3 kerning optimizelegibility optimise legibility</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:8c3f4bbde37b/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:kerning"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:optimizelegibility"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:optimise"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:legibility"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://css-tricks.com/snippets/css/media-queries-for-standard-devices/">
    <title>Media Queries for Standard Devices | CSS-Tricks</title>
    <dc:date>2014-07-17T17:22:21+00:00</dc:date>
    <link>http://css-tricks.com/snippets/css/media-queries-for-standard-devices/</link>
    <dc:creator>fjordaan</dc:creator><dc:subject>media queries css3 responsive</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:42bffea9bc9c/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:media"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:queries"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:responsive"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://css-tricks.com/frosting-glass-css-filters/">
    <title>Frosting Glass with CSS Filters | CSS-Tricks</title>
    <dc:date>2014-04-22T15:34:24+00:00</dc:date>
    <link>http://css-tricks.com/frosting-glass-css-filters/</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[While filters such as contrast, saturate, and blur have existed in image editors for some time, delivering them on the web has historically required serving images with those filters already applied. As browsers begin to incorporate filters as part of the web platform, we can begin breaking down complex visual effects into their component parts, and implementing them on the web. This article will examine one such effect, frosted glass, and how CSS filters provide a cleaner, more flexible solution than static images.]]></description>
<dc:subject>css css3 filters blur</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:77f9aea15cd3/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:filters"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:blur"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.dynamicsights.com/csscolorcycle.html">
    <title>CSS based color cycle - A Dynamic Sights Tutorial</title>
    <dc:date>2014-04-07T13:26:45+00:00</dc:date>
    <link>http://www.dynamicsights.com/csscolorcycle.html</link>
    <dc:creator>fjordaan</dc:creator><dc:subject>css3 animation transition colour cycle</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:604f00084f7e/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:animation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:transition"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:colour"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:cycle"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://scotch.io/tutorials/css/css3-hidden-social-buttons">
    <title>CSS3 Hidden Social Buttons ♥ Scotch</title>
    <dc:date>2014-02-24T17:00:28+00:00</dc:date>
    <link>http://scotch.io/tutorials/css/css3-hidden-social-buttons</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[With this technique, we’ll style our buttons with our own CSS, and then let the like/follow/+1 button appear on hover.]]></description>
<dc:subject>twitter social link buttons css3 hover animate rotate</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:90ea92f65d02/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:twitter"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:social"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:link"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:buttons"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:hover"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:animate"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:rotate"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://zerosixthree.se/vertical-align-anything-with-just-3-lines-of-css/">
    <title>Z63 | Vertical align anything with just 3 lines of CSS |</title>
    <dc:date>2014-01-20T13:58:49+00:00</dc:date>
    <link>http://zerosixthree.se/vertical-align-anything-with-just-3-lines-of-css/</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[With just 3 lines of CSS (excluding vendor prefixes) we can with the help of transform: translateY  vertically center whatever we want, even if we don’t know its height.]]></description>
<dc:subject>vertical css3 align css vertically center</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:fa658ad6bb35/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:vertical"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:align"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:vertically"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:center"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://easings.net/">
    <title>Easing Functions Cheat Sheet</title>
    <dc:date>2013-01-08T10:31:01+00:00</dc:date>
    <link>http://easings.net/</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[Easing function specifies the speed of animation progresses to make it more realistic. This page will each time help to pick the desired easing function.]]></description>
<dc:subject>animation css javascript jquery easing css3 transitions bezier cubicbezier</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:0b71ca4f6ac1/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:animation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:easing"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:transitions"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:bezier"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:cubicbezier"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://oli.jp/2010/css-animatable-properties/">
    <title>CSS animatable properties ❧ Oli.jp (@boblet)</title>
    <dc:date>2013-01-08T10:22:58+00:00</dc:date>
    <link>http://oli.jp/2010/css-animatable-properties/</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[A reordered list based on the CSS Transitions Module (level 3) Working Draft and Editor’s Draft, for personal use.]]></description>
<dc:subject>css css3 animation transitions animatable properties oli</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:7ac03825e5d5/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:animation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:transitions"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:animatable"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:properties"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:oli"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://css3.bradshawenterprises.com/transitions/">
    <title>CSS3 transitions | CSS3 transitions, transforms and animations</title>
    <dc:date>2013-01-07T09:45:53+00:00</dc:date>
    <link>http://css3.bradshawenterprises.com/transitions/</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[If you haven't used transitions before, here's a brief introduction.]]></description>
<dc:subject>animation css css3 reference transitions animations transforms</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:79f7a44b2684/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:animation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:reference"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:transitions"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:animations"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:transforms"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://kizu.github.com/Polygons/">
    <title>True CSS3 convex polygons</title>
    <dc:date>2012-05-31T10:56:36+00:00</dc:date>
    <link>http://kizu.github.com/Polygons/</link>
    <dc:creator>fjordaan</dc:creator><dc:subject>Roman Komarov CSS3 shapes polygons experiments</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:9fa4229c5029/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:Roman"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:Komarov"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:CSS3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:shapes"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:polygons"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:experiments"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://metafizzy.co/">
    <title>Metafizzy</title>
    <dc:date>2012-05-09T08:43:41+00:00</dc:date>
    <link>http://metafizzy.co/</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[Isotope
An exquisite jQuery plugin for magical layouts. Enables filtering, sorting, and dynamic layouts.
jQuery Masonry
A dynamic jQuery plugin for the flip-side of CSS Floats.]]></description>
<dc:subject>css javascript jquery plugins layout masonry grid css3 rainbow shadow desandro</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:d7639ed70fba/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:plugins"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:masonry"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:grid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:rainbow"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:shadow"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:desandro"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://tumble.sneak.co.nz/post/928998513/fixing-the-background-bleed">
    <title>Sneak — Fixing the background 'bleed'</title>
    <dc:date>2012-04-30T10:14:59+00:00</dc:date>
    <link>http://tumble.sneak.co.nz/post/928998513/fixing-the-background-bleed</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[I recently came up against an issue in Safari where the background colour of an element seemed to ‘bleed’ through the edge of the corners when applying both borders and a border-radius (see the image above). After seeing David Cole tweet about the same issue I resolved to find a solution, and it came in the form of the -webkit-background-clip property.]]></description>
<dc:subject>rounded corners bleed webkit css3</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:077a4f39331d/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:rounded"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:corners"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:bleed"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:webkit"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css3"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://24ways.org/2009/have-a-field-day-with-html5-forms">
    <title>24 ways: Have a Field Day with HTML5 Forms</title>
    <dc:date>2012-01-30T15:30:41+00:00</dc:date>
    <link>http://24ways.org/2009/have-a-field-day-with-html5-forms</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[We are also going to use some of HTML5’s new input types and attributes to create more meaningful fields and use less unnecessary classes and ids:
    email, for the email field
    tel, for the telephone field
    number, for the credit card number and security code
    required, for required fields
    placeholder, for the hints within some of the fields
    autofocus, to put focus on the first input field when the page loads]]></description>
<dc:subject>css3 form forms html5 email tel iphone 24ways</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:54ccf794a285/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:form"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:forms"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:html5"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:email"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:tel"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:iphone"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:24ways"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://html5please.us/">
    <title>HTML5 Please - Use the new and shiny responsibly</title>
    <dc:date>2012-01-26T09:49:16+00:00</dc:date>
    <link>http://html5please.us/</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[HTML5 Please  great site that tells you what #HTML5, #CSS3 etc. features are safe to use. /via @Xeelix]]></description>
<dc:subject>CSS3 HTML5 css</dc:subject>
<dc:source>https://twitter.com/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:05c1ac825068/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:CSS3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:HTML5"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://perfectionkills.com/profiling-css-for-fun-and-profit-optimization-notes/">
    <title>Perfection kills » Profiling CSS for fun and profit. Optimization notes.</title>
    <dc:date>2012-01-10T17:01:12+00:00</dc:date>
    <link>http://perfectionkills.com/profiling-css-for-fun-and-profit-optimization-notes/</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[I wanted to see the kind of impact these nice UI elements have on performance.]]></description>
<dc:subject>css optimization performance css3 profiling</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:649f318c4be8/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:optimization"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:performance"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:profiling"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://tympanus.net/Tutorials/TypographyEffects/index.html">
    <title>Typography Effects with CSS3 and jQuery</title>
    <dc:date>2012-01-09T09:14:13+00:00</dc:date>
    <link>http://tympanus.net/Tutorials/TypographyEffects/index.html</link>
    <dc:creator>fjordaan</dc:creator><dc:subject>css css3 jquery typography blur departure airport fold animation sun shine</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:7431b618ecea/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:typography"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:blur"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:departure"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:airport"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:fold"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:animation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:sun"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:shine"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://css3exp.com/button/">
    <title>CSS3 animated button demo</title>
    <dc:date>2011-11-29T15:07:11+00:00</dc:date>
    <link>http://css3exp.com/button/</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[@bergcloud You know, you can make your buttons animate in Firefox too ]]></description>
<dc:subject>css3 button animated demo</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:bded2bc5e56c/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:button"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:animated"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:demo"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://daneden.me/animate/">
    <title>Animate.css - a bunch of plug-and-play CSS animations</title>
    <dc:date>2011-11-10T14:30:55+00:00</dc:date>
    <link>http://daneden.me/animate/</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[animate.css is a bunch of cool, fun, and cross-browser animations for you to use in your projects. Great for emphasis, home pages, sliders, and general just-add-water-awesomeness. To use them in your project, simply add the class to the element.]]></description>
<dc:subject>animation animations css css3 flash bounce shake swing pulse</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:98e384c506a8/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:animation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:animations"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:flash"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:bounce"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:shake"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:swing"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:pulse"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://nicolasgallagher.com/pure-css-gui-icons/">
    <title>Pure CSS GUI icons (experimental) – Nicolas Gallagher</title>
    <dc:date>2011-11-03T14:42:28+00:00</dc:date>
    <link>http://nicolasgallagher.com/pure-css-gui-icons/</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[An experiment that uses pseudo-elements to create 84 simple GUI icons using CSS and semantic HTML. I don’t think this is practical and I hope people are aware of the limitations. Images and SVG are better tools for the job.]]></description>
<dc:subject>css css3 icons gui before after pseudo-elements</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:100640b85832/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:icons"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:gui"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:before"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:after"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:pseudo-elements"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://html5snippets.com/">
    <title>HTML5 Snippets</title>
    <dc:date>2011-07-11T10:32:39+00:00</dc:date>
    <link>http://html5snippets.com/</link>
    <dc:creator>fjordaan</dc:creator><dc:subject>css3 html5 snippets examples button outline shadow glow</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:5071cf1ec125/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:html5"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:snippets"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:examples"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:button"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:outline"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:shadow"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:glow"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.gyford.com/phil/writing/2011/06/10/web-hyphenation.php">
    <title>Hyphenation on the web (Phil Gyford’s website)</title>
    <dc:date>2011-06-13T08:46:15+00:00</dc:date>
    <link>http://www.gyford.com/phil/writing/2011/06/10/web-hyphenation.php</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[I spent a while this week looking into how best to automatically hyphenate text on websites, to improve Today’s Guardian. I couldn’t find anything recent that summarised the options, so here’s a quick run-down of what I discovered. If you know any more, or any better, please do correct me.]]></description>
<dc:subject>philgyford html hyphenation css3</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:e9dd99a90717/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:philgyford"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:hyphenation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css3"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://mediaqueri.es/about/">
    <title>Media Queries</title>
    <dc:date>2011-03-21T16:10:51+00:00</dc:date>
    <link>http://mediaqueri.es/about/</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[ The term Responsive Web Design was coined by Ethan Marcotte and is the practice of using fluid grids, flexible images , and media queries to progressively enhance a web page for different viewing contexts. 

By restricting CSS rules to a certain width of the device displaying a web page, one can tailor the page's representation to devices (i.e. smartphones, tablets, netbooks, and desktops) with varying screen resolution. ]]></description>
<dc:subject>css3 mobile media queries fluid layouts examples</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:ab01d248835f/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:mobile"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:media"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:queries"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:fluid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layouts"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:examples"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.html5rocks.com/tutorials/flexbox/quick/">
    <title>HTML5 Rocks - Quick hits with the Flexible Box Model</title>
    <dc:date>2011-03-09T22:39:57+00:00</dc:date>
    <link>http://www.html5rocks.com/tutorials/flexbox/quick/</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[I'd bet that you've done your fair share of styling elements to be arranged horizontally or vertically on a page. As of yet, though, CSS has lacked a suitable mechanism for this task. Enter the CSS3 Flexible Box Module, or Flexbox for short.]]></description>
<dc:subject>css3 html5 layout flexbox paulirish</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:a841b5eb9451/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:html5"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:layout"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:flexbox"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:paulirish"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://2011.beercamp.com/">
    <title>BeerCamp at SXSW 2011</title>
    <dc:date>2011-03-04T13:15:57+00:00</dc:date>
    <link>http://2011.beercamp.com/</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[Wha..??! RT @waxpancake: Two lovely CSS scrolling effects I saw today for the first time.  ]]></description>
<dc:subject>sxsw beercamp 3d css html5 inspiration zoom typography css3</dc:subject>
<dc:source>https://twitter.com/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:afec6b140bc6/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:sxsw"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:beercamp"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:3d"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:html5"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:inspiration"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:zoom"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:typography"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css3"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://blog.typekit.com/2011/02/10/type-study-an-all-css-button/">
    <title>Type study: An all CSS button « The Typekit Blog</title>
    <dc:date>2011-02-11T11:22:09+00:00</dc:date>
    <link>http://blog.typekit.com/2011/02/10/type-study-an-all-css-button/</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[The button is also a great place to showcase many of the new CSS3 properties in one place, which is another reason I’m particularly taken with buttons at the moment. Through the use of box-shadow, text-shadow, border-radius, and CSS gradients, we can create highly polished interface components that don’t require images. ]]></description>
<dc:subject>animation css3 typekit button buttons css dan cederholm shadow</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:266b201b8bba/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:animation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:typekit"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:button"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:buttons"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:dan"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:cederholm"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:shadow"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://maban.co.uk/42">
    <title>Nifty CSS buttons - Anna Debenham</title>
    <dc:date>2011-01-19T11:28:09+00:00</dc:date>
    <link>http://maban.co.uk/42</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[I was messing around with making buttons in CSS and thought I’d share the code I wrote. I discovered that using an inset shadow gives the button a little glow on the top.]]></description>
<dc:subject>css buttons annadebenham css3</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:97c80fdaf322/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:buttons"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:annadebenham"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css3"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://markdotto.com/playground/3d-text/">
    <title>3D Text in CSS</title>
    <dc:date>2011-01-06T14:40:01+00:00</dc:date>
    <link>http://markdotto.com/playground/3d-text/</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[Use multiple text-shadows to create 3D text on any HTML element.
No extra HTML, no extra headaches, just awesomesauce. Works in the latest builds of Safari, Chrome, Firefox, and Opera.]]></description>
<dc:subject>3d css css3 text</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:988315184c16/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:3d"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:text"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://blog.codinginparadise.org/2010/10/3d-slides-built-with-html5-css3-and-svg.html">
    <title>Coding In Paradise: 3D Slides Built with HTML5, CSS3, and SVG</title>
    <dc:date>2010-10-07T08:23:42+00:00</dc:date>
    <link>http://blog.codinginparadise.org/2010/10/3d-slides-built-with-html5-css3-and-svg.html</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[I've created a 3D slide deck that uses HTML5, CSS3, and a bit of SVG (video). The main idea behind this deck is to be able to 'zoom' into topics to as deep a level as necessary. Slides are nested, like an outline. ]]></description>
<dc:subject>css3 html5 javascript svg 3d slides</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:adf9a82c934f/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:html5"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:svg"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:3d"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:slides"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.effectgames.com/effect/article.psp.html/joe/My_HTML5_CSS3_Browser_Wish_List">
    <title>My HTML5 / CSS3 / Browser Wish List | EffectGames.com</title>
    <dc:date>2010-09-15T08:58:39+00:00</dc:date>
    <link>http://www.effectgames.com/effect/article.psp.html/joe/My_HTML5_CSS3_Browser_Wish_List</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[RT @azaaza: A fantastic wish-list of near-term HTML and CSS features. Do want!  /thx @iangilman]]></description>
<dc:subject>flash html5 css3 wishlist fullscreen</dc:subject>
<dc:source>https://twitter.com/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:59503ffeb9c0/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:flash"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:html5"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:wishlist"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:fullscreen"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.youtube.com/watch?v=-BsB0HpS768&amp;feature=youtu.be&amp;fmt=22">
    <title>YouTube - Paul Rouget on Mixing the web! (Mozilla Summit 2010)</title>
    <dc:date>2010-07-22T13:16:48+00:00</dc:date>
    <link>http://www.youtube.com/watch?v=-BsB0HpS768&amp;feature=youtu.be&amp;fmt=22</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[Pretty awesome demo about mixing HTML5, CSS3, WebGL, websockets... etc. Must see.]]></description>
<dc:subject>html5 css3 webgl websockets demo paulrouget french mozilla summit presentation video</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:4d6377f78e46/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:html5"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:webgl"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:websockets"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:demo"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:paulrouget"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:french"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:mozilla"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:summit"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:presentation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:video"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://hakim.se/experiments/">
    <title>The Experiments of Hakim El Hattab</title>
    <dc:date>2010-07-12T15:10:13+00:00</dc:date>
    <link>http://hakim.se/experiments/</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[This is my personal playground which I use to explore visual effects, interactive experiments and technologies.

]]></description>
<dc:subject>canvas css3 demo html5 hakimelhattab</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:02cfe4dbdb44/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:canvas"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:demo"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:html5"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:hakimelhattab"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://blog.graphicpeel.com/post/740928981/ios-icons-made-in-pure-css">
    <title>Blog | Graphicpeel — iOS Icons Made in Pure CSS</title>
    <dc:date>2010-07-01T08:44:47+00:00</dc:date>
    <link>http://blog.graphicpeel.com/post/740928981/ios-icons-made-in-pure-css</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[Each one of these icons was rendered in nothing but CSS, no images. Viewed best in Safari 5 or Google Chrome.]]></description>
<dc:subject>pure css css3 ios iphone icons</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:7f3b155ebdca/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:pure"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:ios"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:iphone"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:icons"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://graphicpeel.com/cssiosicons">
    <title>iOS Icons in Pure CSS | Graphicpeel</title>
    <dc:date>2010-07-01T08:09:58+00:00</dc:date>
    <link>http://graphicpeel.com/cssiosicons</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[Impressive if a bit pointless: RT @typekit: Check out these image-free iOS icons:  [in Safari/Chrome] #CSS3]]></description>
<dc:subject>#CSS3 CSS3</dc:subject>
<dc:source>https://twitter.com/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:da0aa7ed6833/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:#CSS3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:CSS3"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://caniuse.com/">
    <title>When can I use...</title>
    <dc:date>2010-05-05T13:23:53+00:00</dc:date>
    <link>http://caniuse.com/</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[Compatibility tables for features in HTML5, CSS3, SVG and other upcoming web technologies]]></description>
<dc:subject>browser compatibility html5 css3 tables whencaniuse css</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:d1481e1ebc99/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:browser"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:compatibility"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:html5"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:tables"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:whencaniuse"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.modernizr.com/">
    <title>Modernizr</title>
    <dc:date>2010-04-28T10:24:49+00:00</dc:date>
    <link>http://www.modernizr.com/</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[Modernizr is a small and simple JavaScript library that helps you take advantage of emerging web technologies (CSS3, HTML 5) while still maintaining a fine level of control over older browsers that may not yet support these new technologies. Modernizr uses feature detection to test the current browser against upcoming features like rgba(), border-radius, CSS Transitions and many more.]]></description>
<dc:subject>css3 html5 javascript library feature detection modernizr fallback</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:d1059f4e4870/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:html5"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:library"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:feature"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:detection"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:modernizr"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:fallback"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.westciv.com/tools/3Dtransforms/index.html">
    <title>CSS3 Transforms</title>
    <dc:date>2010-04-21T13:43:29+00:00</dc:date>
    <link>http://www.westciv.com/tools/3Dtransforms/index.html</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[Live demos of CSS3 effects]]></description>
<dc:subject>css3 demo transforms animation gradient shadow westciv</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:9aa83ea2e3cf/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:demo"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:transforms"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:animation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:gradient"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:shadow"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:westciv"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://apirocks.com/html5/html5.html">
    <title>HTML5 presentation</title>
    <dc:date>2010-04-19T10:34:59+00:00</dc:date>
    <link>http://apirocks.com/html5/html5.html</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[This presentation was originally created by Marcin Wichary and modified by Ernest Delgado. The purpose of the presentation is to show the coming bleeding edge features for modern desktop and mobile browsers.]]></description>
<dc:subject>css demo javascript presentation html5 css3</dc:subject>
<dc:source>https://twitter.com/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:d0887011f2a7/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:demo"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:presentation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:html5"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css3"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://24ways.org/2009/working-with-rgba-colour">
    <title>24 ways: Working With RGBA Colour</title>
    <dc:date>2010-04-15T21:25:50+00:00</dc:date>
    <link>http://24ways.org/2009/working-with-rgba-colour</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[CSS3 introduces a couple of new ways to specify colours, and one of those is RGBA. The A stands for Alpha, which refers to the level of opacity of the colour, or to put it another way, the amount of transparency. This means that we can set not only the red, green and blue values, but also control how much of what’s behind the colour shows through. Like with layers in Photoshop.]]></description>
<dc:subject>24ways color css rgba transparency opacity drewmclennan colour css3</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:3f574f772095/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:24ways"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:color"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:rgba"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:transparency"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:opacity"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:drewmclennan"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:colour"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css3"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://desandro.com">
    <title>David DeSandro</title>
    <dc:date>2010-03-18T23:35:39+00:00</dc:date>
    <link>http://desandro.com</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[Awed by @desandro's design portfolio. Great examples of what can be done with CSS3, HTML5, jQuery  /via @philpeace]]></description>
<dc:subject>design portfolio desandro daviddesandro css3 html5 canvas</dc:subject>
<dc:source>https://twitter.com/</dc:source>
<dc:identifier>https://pinboard.in/u:fjordaan/b:0461f7a00b58/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:portfolio"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:desandro"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:daviddesandro"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:html5"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:canvas"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.romancortes.com/blog/pure-css-coke-can/">
    <title>Román Cortés » Pure CSS Coke Can</title>
    <dc:date>2010-01-28T09:45:01+00:00</dc:date>
    <link>http://www.romancortes.com/blog/pure-css-coke-can/</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[After doing the CSS Paper Bird effect, I found out that by a combination of the CSS1 properties background-attachment and background-position, 2D displacement maps could be created and, by scrolling, the displacement map would be applied to different parts of the texture (a background image).
]]></description>
<dc:subject>css displacement coke can 3d css3 cool</dc:subject>
<dc:identifier>https://pinboard.in/u:fjordaan/b:d00051bc1356/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:displacement"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:coke"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:can"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:3d"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:cool"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://meyerweb.com/eric/thoughts/2008/10/22/javascript-will-save-us-all/">
    <title>Eric's Archived Thoughts: JavaScript Will Save Us All</title>
    <dc:date>2010-01-14T11:56:14+00:00</dc:date>
    <link>http://meyerweb.com/eric/thoughts/2008/10/22/javascript-will-save-us-all/</link>
    <dc:creator>fjordaan</dc:creator><description><![CDATA[A while back, I woke up one morning thinking, John Resig’s got some great CSS3 support in jQuery but it’s all forced into JS statements. I should ask him if he could set things up like Dean Edwards‘ IE7 script so that the JS scans the author’s CSS, finds the advanced selectors, does any necessary backend juggling, and makes CSS3 selector support Transparently Just Work. And then he could put that back into jQuery.]]></description>
<dc:subject>eric meyer javascript js css support css3 ie7 jquery sizzle save</dc:subject>
<dc:identifier>https://pinboard.in/u:fjordaan/b:0c4e02fd94bc/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:eric"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:meyer"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:js"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:support"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:ie7"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:jquery"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:sizzle"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:save"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.macedition.com/cb/resources/css3support_selectors.html">
    <title>MacEdition Guide to CSS3 Selector Support</title>
    <dc:date>2003-06-19T17:45:34+00:00</dc:date>
    <link>http://www.macedition.com/cb/resources/css3support_selectors.html</link>
    <dc:creator>fjordaan</dc:creator><dc:subject>netvouzimported netvouzpublic browser chart css3 guide mac support table</dc:subject>
<dc:identifier>https://pinboard.in/u:fjordaan/b:c404e72496ce/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzimported"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzpublic"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:browser"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:chart"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:guide"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:mac"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:support"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:table"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.macedition.com/cb/cb_20030616.php">
    <title>The power of three [CSS3 graceful degradation]</title>
    <dc:date>2003-06-19T17:45:34+00:00</dc:date>
    <link>http://www.macedition.com/cb/cb_20030616.php</link>
    <dc:creator>fjordaan</dc:creator><dc:subject>netvouzimported netvouzpublic codebitch css3 degradation graceful macedition</dc:subject>
<dc:identifier>https://pinboard.in/u:fjordaan/b:ca6afae3c5c0/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzimported"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzpublic"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:codebitch"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:degradation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:graceful"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:macedition"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.literarymoose.info/=/destroy/picturehead.html">
    <title>LITERARYMOOSE.INFO: Picturesque Pictorial Headings via CSS3</title>
    <dc:date>2003-06-06T07:03:07+00:00</dc:date>
    <link>http://www.literarymoose.info/=/destroy/picturehead.html</link>
    <dc:creator>fjordaan</dc:creator><dc:subject>netvouzimported netvouzpublic css3 headings image literarymoose opera7 pictorial wojtek</dc:subject>
<dc:identifier>https://pinboard.in/u:fjordaan/b:098a4fb2d973/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzimported"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:netvouzpublic"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:headings"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:image"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:literarymoose"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:opera7"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:pictorial"/>
	<rdf:li rdf:resource="https://pinboard.in/u:fjordaan/t:wojtek"/>
</rdf:Bag></taxo:topics>
</item>
</rdf:RDF>