<?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 (Aetles)</title>
    <link>https://pinboard.in/u:Aetles/public/</link>
    <description>recent bookmarks from Aetles</description>
    <items>
      <rdf:Seq>	<rdf:li rdf:resource="http://cssflexbox.com/"/>
	<rdf:li rdf:resource="https://medium.com/@patrickbrosset/do-you-really-understand-css-linear-gradients-631d9a895caf"/>
	<rdf:li rdf:resource="http://www.smashingmagazine.com/2015/03/02/harnessing-flexbox-for-todays-web-apps/"/>
	<rdf:li rdf:resource="https://ianlunn.github.io/Hover/"/>
	<rdf:li rdf:resource="http://blog.keithclark.co.uk/pure-css-parallax-websites/"/>
	<rdf:li rdf:resource="http://csstriggers.com/"/>
	<rdf:li rdf:resource="http://bouncejs.com/#{s:[{T:&quot;r&quot;,e:&quot;b&quot;,d:1000,D:0,f:0,t:90,s:3,b:4},{T:&quot;k&quot;,e:&quot;s&quot;,d:1000,D:0,f:{x:0,y:0},t:{x:20,y:20},s:3,b:4}]}"/>
	<rdf:li rdf:resource="http://glsl.io/"/>
	<rdf:li rdf:resource="http://philipwalton.github.io/solved-by-flexbox/"/>
	<rdf:li rdf:resource="http://elrumordelaluz.github.io/csshake/#1"/>
	<rdf:li rdf:resource="http://viget.com/inspire/make-a-flippin-3d-countdown-with-css-and-javascript"/>
	<rdf:li rdf:resource="http://tridiv.com/"/>
	<rdf:li rdf:resource="http://www.newnet-soft.com/blog/csstypography"/>
	<rdf:li rdf:resource="http://www.minimamente.com/magic-css3-animations/"/>
	<rdf:li rdf:resource="http://drublic.github.io/css-modal/#!"/>
	<rdf:li rdf:resource="http://tympanus.net/codrops/2013/05/07/a-collection-of-page-transitions/"/>
	<rdf:li rdf:resource="http://tympanus.net/codrops/2013/05/02/automatic-figure-numbering-with-css-counters/"/>
	<rdf:li rdf:resource="http://zmoazeni.github.io/csscss/"/>
	<rdf:li rdf:resource="http://caniuse.com/"/>
	<rdf:li rdf:resource="http://generatedcontent.org/post/44751461516/finer-grained-control-of-hyphenation-with-css4-text"/>
	<rdf:li rdf:resource="http://css-tricks.com/examples/IconFont/"/>
	<rdf:li rdf:resource="http://codepen.io/bennettfeely/pen/ErFGv"/>
	<rdf:li rdf:resource="http://snook.ca/archives/html_and_css/font-size-with-rem"/>
	<rdf:li rdf:resource="http://lea.verou.me/2012/04/background-attachment-local/"/>
	<rdf:li rdf:resource="http://www.colorzilla.com/gradient-editor/"/>
	<rdf:li rdf:resource="http://lab.hakim.se/reveal-js/?transition=concave#/1"/>
	<rdf:li rdf:resource="http://bartaz.github.com/impress.js/"/>
	<rdf:li rdf:resource="http://line25.com/tutorials/how-to-create-a-stylish-drop-cap-effect-with-css3"/>
	<rdf:li rdf:resource="http://stuffandnonsense.co.uk/projects/320andup/"/>
	<rdf:li rdf:resource="http://jsdo.it/ksk1015/cLLl"/>
	<rdf:li rdf:resource="http://net.tutsplus.com/tutorials/html-css-techniques/create-a-document-icon-with-css3/"/>
	<rdf:li rdf:resource="http://css-tricks.com/useful-nth-child-recipies/"/>
	<rdf:li rdf:resource="http://blogs.sitepoint.com/pure-css3-ribbons/"/>
	<rdf:li rdf:resource="http://matthewlein.com/ceaser/"/>
	<rdf:li rdf:resource="http://www.devlounge.net/code/html5-forms-styled-with-css3"/>
	<rdf:li rdf:resource="http://matthamm.com/box-shadow-curl.html"/>
	<rdf:li rdf:resource="http://fredericiana.com/2009/06/12/shadow-boxing-with-moz-box-shadow/"/>
	<rdf:li rdf:resource="http://lab.simurai.com/css/umbrui/"/>
	<rdf:li rdf:resource="http://www.impressivewebs.com/css3-support-ie9/"/>
      </rdf:Seq>
    </items>
  </channel><item rdf:about="http://cssflexbox.com/">
    <title>CSS Flexbox</title>
    <dc:date>2015-04-26T12:31:40+00:00</dc:date>
    <link>http://cssflexbox.com/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[Curated collection of CSS Flexbox related articles, tips and resources]]></description>
<dc:subject>css css3 flexbox webdevelopment webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:fc1f259e4306/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:flexbox"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdevelopment"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdesign"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://medium.com/@patrickbrosset/do-you-really-understand-css-linear-gradients-631d9a895caf">
    <title>Do you really understand CSS linear-gradients? — Medium</title>
    <dc:date>2015-04-15T09:28:24+00:00</dc:date>
    <link>https://medium.com/@patrickbrosset/do-you-really-understand-css-linear-gradients-631d9a895caf</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[Want a nice gradient background on your site?
background-image: linear-gradient(red, blue);
BOOM, done!

Ok, it’s a little boring. So if you want more, I recommend this css-tricks article and MDN page.

Still here? Alright, let’s go and have a look at some of the details of how linear-gradients actually work.]]></description>
<dc:subject>css css3 gradients webdevelopment webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:516bb9c83096/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:gradients"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdevelopment"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdesign"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.smashingmagazine.com/2015/03/02/harnessing-flexbox-for-todays-web-apps/">
    <title>Harnessing Flexbox For Today's Web Apps - Smashing Magazine</title>
    <dc:date>2015-03-12T20:54:39+00:00</dc:date>
    <link>http://www.smashingmagazine.com/2015/03/02/harnessing-flexbox-for-todays-web-apps/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[Although the syntax might be initially confounding, flexbox lives up to its name. It creates intelligent boxes that are stretchable, squeezable and capable of changing visual order. It provides simple solutions to layout paradigms that CSS has always struggled with: vertical centering and equal heights. Flex items are truly accommodating and a pleasure to work with.]]></description>
<dc:subject>css css3 design flexbox webdevelopment webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:494ad7a200b4/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:flexbox"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdevelopment"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdesign"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="https://ianlunn.github.io/Hover/">
    <title>Hover.css - A collection of CSS3 powered hover effects</title>
    <dc:date>2015-01-12T07:51:05+00:00</dc:date>
    <link>https://ianlunn.github.io/Hover/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[A collection of CSS3 powered hover effects to be applied to links, buttons, logos, SVG, featured images and so on. Easily apply to your own elements, modify or just use for inspiration. Available in CSS, Sass, and LESS.]]></description>
<dc:subject>css animation webdevelopment css3</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:c5ac8692a28f/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:animation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdevelopment"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css3"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://blog.keithclark.co.uk/pure-css-parallax-websites/">
    <title>Pure CSS parallax scrolling websites | Keith Clark</title>
    <dc:date>2014-08-10T19:47:15+00:00</dc:date>
    <link>http://blog.keithclark.co.uk/pure-css-parallax-websites/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[This article demonstrates how to use CSS transforms, perspective and some scaling trickery to create a pure CSS parallax scrolling website.

Parallax is almost always handled with JavaScript and, more often than not, it’s not very performant with the worst offenders listening for the scroll event, modifying the DOM directly in the handler and triggering needless reflows and paints. All this happens out of sync with the browsers rendering pipeline causing dropped frames and stuttered scrolling. Better parallax implementations monitor scrolling and defer DOM updates using requestAnimationFrame which can totally transform the experience – but what if you could remove the JavaScript dependency completely?

Deferring the parallax effect to CSS removes all these issues and allows the browser to leverage hardware acceleration resulting in almost all the heavy lifting being handled directly by the compositor. The result is consistent frame rates and perfectly smooth scrolling. You can also combine the effect with other CSS features such as media queries or supports – responsive parallax anyone?]]></description>
<dc:subject>css css3 scroll parallax webdevelopment</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:936a8c482c8d/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:scroll"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:parallax"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdevelopment"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://csstriggers.com/">
    <title>CSS Triggers...</title>
    <dc:date>2014-07-29T19:53:41+00:00</dc:date>
    <link>http://csstriggers.com/</link>
    <dc:creator>Aetles</dc:creator><dc:subject>css css3 performance</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:7b6b52c17d8a/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:performance"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://bouncejs.com/#{s:[{T:&quot;r&quot;,e:&quot;b&quot;,d:1000,D:0,f:0,t:90,s:3,b:4},{T:&quot;k&quot;,e:&quot;s&quot;,d:1000,D:0,f:{x:0,y:0},t:{x:20,y:20},s:3,b:4}]}">
    <title>Bounce.js</title>
    <dc:date>2014-06-09T20:59:45+00:00</dc:date>
    <link>http://bouncejs.com/#{s:[{T:&quot;r&quot;,e:&quot;b&quot;,d:1000,D:0,f:0,t:90,s:3,b:4},{T:&quot;k&quot;,e:&quot;s&quot;,d:1000,D:0,f:{x:0,y:0},t:{x:20,y:20},s:3,b:4}]}</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[bounce.js lets you create tasty CSS3 powered animations in no time. ]]></description>
<dc:subject>css css3 animation webdevelopment</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:659e5f6c6235/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:animation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdevelopment"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://glsl.io/">
    <title>GLSL.io – Open Collection of GLSL Transitions</title>
    <dc:date>2014-05-25T09:48:13+00:00</dc:date>
    <link>http://glsl.io/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[What is GLSL.io?
The GLSL.io initiative aims to build an Open Collection of GLSL Transitions. It aims to be highly community-driven and free-software.

What is a "GLSL Transition"?
A GLSL Transition is a Transition performed using OpenGL Shading Language (GLSL). A Transition is an Animation Effect moving from one image to another.

Why GLSL?
GLSL is efficient because it compiles to the graphic card and is very powerful, not limited to simple transformations, but with unlimited possible draw (in a functional way). Also, GLSL is available not only for the Web in recent browsers but also in native environnement via OpenGL.

For which use case?
You may need GLSL Transitions for making web image animations (e.g. a slideshow) or for transitions in a Video Editing Software.]]></description>
<dc:subject>css3 animation webgl opengl webdevelopment</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:f0200cf3cbfb/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:animation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webgl"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:opengl"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdevelopment"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://philipwalton.github.io/solved-by-flexbox/">
    <title>Solved By Flexbox — Cleaner, hack-free CSS</title>
    <dc:date>2014-03-26T14:43:36+00:00</dc:date>
    <link>http://philipwalton.github.io/solved-by-flexbox/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[CSS has been lacking proper layout mechanisms for far too long. Transitions, animations, filters, all of these are great and useful additions to the language, but they don't address the major problems that Web developers have been complaining about for what seems like an eternity.

Finally, thanks to Flexbox, we have a solution.

This site is not another CSS framework. Instead, its purpose is to showcase problems once hard or impossible to solve with CSS alone, now made trivially easy with Flexbox. And with the recent release of Internet Explorer 11 and Safari 6.1, the latest Flexbox spec is now supported in every modern browser.

Check out the demos below. View the styles in the Web inspector or dive into the source to see just how easy CSS layout will become once Flexbox becomes mainstream.]]></description>
<dc:subject>css css3 webdesign webdevelopment</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:d7f48d83e70f/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdevelopment"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://elrumordelaluz.github.io/csshake/#1">
    <title>CSS Shake</title>
    <dc:date>2014-03-03T14:45:06+00:00</dc:date>
    <link>http://elrumordelaluz.github.io/csshake/#1</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[CSShake
Some CSS classes to move your DOM!]]></description>
<dc:subject>css3 css animation webdevelopment</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:3f7bb84bbb6a/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:animation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdevelopment"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://viget.com/inspire/make-a-flippin-3d-countdown-with-css-and-javascript">
    <title>Make a Flippin’ 3D Countdown with CSS &amp; JavaScript | Viget</title>
    <dc:date>2014-02-17T12:08:30+00:00</dc:date>
    <link>http://viget.com/inspire/make-a-flippin-3d-countdown-with-css-and-javascript</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[Since this opportunity only occurs during the slow-motion part of the video, we wanted to make sure users understood that the video would be moving on if they didn't choose a product quickly enough. So, we added a countdown timer to the top right of the screen, which finishes when the slow-motion segment ends.



Codepen Example

I was pretty happy with the final effect, which uses only a little CSS and some JS class juggling.]]></description>
<dc:subject>css css3 design javascript webdevelopment</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:715b46270d5a/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdevelopment"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://tridiv.com/">
    <title>Tridiv | CSS 3D Editor</title>
    <dc:date>2013-08-22T22:32:12+00:00</dc:date>
    <link>http://tridiv.com/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[Tridiv is a web-based editor 
for creating 3D shapes in CSS.]]></description>
<dc:subject>3d css css3 editor tool</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:7d8b9368669b/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:3d"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:editor"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:tool"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.newnet-soft.com/blog/csstypography">
    <title>NewNet-Soft - CSS Typography cheat sheet</title>
    <dc:date>2013-06-22T22:05:19+00:00</dc:date>
    <link>http://www.newnet-soft.com/blog/csstypography</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[Small roundup on CSS features that will enhance your web typography.
Today I want to write about a few small typography enhancing features in CSS. Most of them don't seem to be inside the mainstream CSS wisdom floating around (perhaps I am just missing them constantly :(...). So I decided to give them a quick shout out so more of you guys can make use of them.]]></description>
<dc:subject>css css3 design typography</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:afec9f5d0d4e/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:typography"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.minimamente.com/magic-css3-animations/">
    <title>magic css3 animations</title>
    <dc:date>2013-06-18T07:25:19+00:00</dc:date>
    <link>http://www.minimamente.com/magic-css3-animations/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[Magic is a CSS3 framework with many animations. Is simple to use and many animations are cross-browser compatible.]]></description>
<dc:subject>css css3 animation webdesign webdevelopment</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:bd3f21169533/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:animation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdevelopment"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://drublic.github.io/css-modal/#!">
    <title>CSS Modal - Modals built out of pure CSS</title>
    <dc:date>2013-05-15T10:55:02+00:00</dc:date>
    <link>http://drublic.github.io/css-modal/#!</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[Built with pure CSS

CSS Modal is built out of pure CSS. JavaScript is only for sugar. This makes them perfectly accessible.

Optimized for mobile

The modals are designed using responsive web design methods. They work on all screen sizes from a small mobile phone up to high resolution screens.

Use as Sass plugin

You can use CSS Modal as Sass plugin and apply it to your custom classes. No need to understand all the code.

A few other advantages: accessible, cross-browser, media-adaptive, small and fast!]]></description>
<dc:subject>css css3 library modals</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:c9124a849e27/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:library"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:modals"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://tympanus.net/codrops/2013/05/07/a-collection-of-page-transitions/">
    <title>A Collection of Page Transitions | Codrops</title>
    <dc:date>2013-05-14T12:28:31+00:00</dc:date>
    <link>http://tympanus.net/codrops/2013/05/07/a-collection-of-page-transitions/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[Today we’d like to share a collection of creative page transitions with you. We’ve put together a couple of animations that could be applied to “pages” for creating interesting navigation effects when revealing a new page. While some effects are very simplistic, i.e. a simple slide movement, others make use of perspective and 3d transforms to create some depth and dynamics.
Please note that this is just for showcasing some interesting effects and for inspiration. It is not a slider or anything like that. We’ll just apply some classes to make the page transition visible, not for navigating.
The CSS animations are divided into different sets, depending on what they do.]]></description>
<dc:subject>css css3 webdesign animation</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:b6da71d7eca9/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:animation"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://tympanus.net/codrops/2013/05/02/automatic-figure-numbering-with-css-counters/">
    <title>Automatic Figure Numbering with CSS Counters | Codrops</title>
    <dc:date>2013-05-04T11:53:05+00:00</dc:date>
    <link>http://tympanus.net/codrops/2013/05/02/automatic-figure-numbering-with-css-counters/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[When writing articles, blog posts, tutorials, magazine entries or anything else, you will often want to include some images, charts, photographs, or even videos and code snippets to illustrate your content.
That being said, you will most likely want to attach some kind of caption to these elements, and perhaps number them so your readers can keep track of your thoughts.
And that’s exactly what we are going to do in today’s tutorial: combining the usage of the <figure> element with CSS counters to make your inserted elements (especially images) sexy as hell!]]></description>
<dc:subject>css css3 html5</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:4745df14efe2/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:html5"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://zmoazeni.github.io/csscss/">
    <title>csscss by zmoazeni</title>
    <dc:date>2013-04-15T09:44:58+00:00</dc:date>
    <link>http://zmoazeni.github.io/csscss/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[csscss will parse any CSS files you give it and let you know which rulesets have duplicated declarations.]]></description>
<dc:subject>css css3 sass tools</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:3c17ada3e18a/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:sass"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:tools"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://caniuse.com/">
    <title>Can I use... Support tables for HTML5, CSS3, etc</title>
    <dc:date>2013-04-08T09:10:20+00:00</dc:date>
    <link>http://caniuse.com/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[Compatibility tables for support of HTML5, CSS3, SVG and more in desktop and mobile browsers.]]></description>
<dc:subject>browsers css css3 html5 testing</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:0e85b804e030/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:browsers"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:html5"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:testing"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://generatedcontent.org/post/44751461516/finer-grained-control-of-hyphenation-with-css4-text">
    <title>Finer grained control of hyphenation with CSS4 Text - Generated Content by David Storey</title>
    <dc:date>2013-03-10T16:32:53+00:00</dc:date>
    <link>http://generatedcontent.org/post/44751461516/finer-grained-control-of-hyphenation-with-css4-text</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[CSS3 Text provides the ability to apply hyphenation to text, via the hyphens property. While this is all well and good, it doesn’t provide the fine grain control you may require to get professional results. For this, let me introduce to you CSS4 Text.]]></description>
<dc:subject>css3 css4 typography</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:4910d8362024/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css4"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:typography"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://css-tricks.com/examples/IconFont/">
    <title>Icon Fonts are Awesome</title>
    <dc:date>2013-02-01T14:43:16+00:00</dc:date>
    <link>http://css-tricks.com/examples/IconFont/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[Because you can easily change the size

Because you can easily change the color
    
Because you can easily shadow their shape
    
Because they can have transparent knockouts, which work in IE6 unlike alpha transparent pngs.
Because you can do all the other stuff image based icons can do, like change opacity or rotate or whatever.
You'll be able to do things like add strokes to them with text-stroke or add gradients/textures with background-clip: text; once browser support is a bit deeper.]]></description>
<dc:subject>css css3 fonts icons webfonts</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:95b4ce19359f/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:fonts"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:icons"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webfonts"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://codepen.io/bennettfeely/pen/ErFGv">
    <title>Twitter Button Concept by Erik Deiner - CodePen</title>
    <dc:date>2013-01-16T10:17:51+00:00</dc:date>
    <link>http://codepen.io/bennettfeely/pen/ErFGv</link>
    <dc:creator>Aetles</dc:creator><dc:subject>css css3 design animation</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:43b02ead1e78/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:animation"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://snook.ca/archives/html_and_css/font-size-with-rem">
    <title>Font sizing with rem - Snook.ca</title>
    <dc:date>2013-01-04T16:03:20+00:00</dc:date>
    <link>http://snook.ca/archives/html_and_css/font-size-with-rem</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[Sizing with rem
CSS3 introduces a few new units, including the rem unit, which stands for "root em". If this hasn't put you to sleep yet, then let's look at how rem works.

The em unit is relative to the font-size of the parent, which causes the compounding issue. The rem unit is relative to the root—or the html—element. That means that we can define a single font size on the html element and define all rem units to be a percentage of that.]]></description>
<dc:subject>css css3 fonts typography</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:74bbdcfcbe7d/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:fonts"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:typography"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://lea.verou.me/2012/04/background-attachment-local/">
    <title>Pure CSS scrolling shadows with background-attachment: local | Lea Verou</title>
    <dc:date>2012-11-15T16:14:09+00:00</dc:date>
    <link>http://lea.verou.me/2012/04/background-attachment-local/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[A few days ago, the incredibly talented Roman Komarov posted an experiment of his with pure CSS “scrolling shadows”. If you’re using Google Reader, you are probably familiar with the effect:



In Roman’s experiment, he is using absolutely positioned pseudoelements to cover the shadows (which are basically radial gradients as background images), taking advantage of the fact that when you scroll a scrollable container, its background does not scroll with it, but absolutely positioned elements within do. Therefore, when you scroll, the shadows are no longer obscured and can show through. Furthermore, these pseudoelements are linear gradients from white to transparent, so that these shadows are uncovered smoothly.

When I saw Roman’s demo, I started wondering whether this is possible with no extra containers at all (pseudoelements included). It seemed like a perfect use case for background-attachment: local. Actually, it was the first real use case for it I had ever came up with or seen.]]></description>
<dc:subject>css css3 scroll shadow</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:6e1f9e6eabaf/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:scroll"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:shadow"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.colorzilla.com/gradient-editor/">
    <title>Ultimate CSS Gradient Generator - ColorZilla.com</title>
    <dc:date>2012-04-10T08:58:59+00:00</dc:date>
    <link>http://www.colorzilla.com/gradient-editor/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[A powerful Photoshop-like CSS gradient editor from ColorZilla.]]></description>
<dc:subject>css css3 tools gradients</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:2b2556549ad1/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:tools"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:gradients"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://lab.hakim.se/reveal-js/?transition=concave#/1">
    <title>reveal.js</title>
    <dc:date>2012-02-06T22:28:59+00:00</dc:date>
    <link>http://lab.hakim.se/reveal-js/?transition=concave#/1</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[reveal.js is an easy to use, HTML based, presentation tool. You'll need a modern browser with support for CSS 3D transforms to see it in its full glory.
]]></description>
<dc:subject>javascript slideshow css3 3d</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:8108be048c30/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:slideshow"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:3d"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://bartaz.github.com/impress.js/">
    <title>impress.js | presentation tool based on the power of CSS3 transforms and transitions in modern browsers | by Bartek Szopka @bartaz</title>
    <dc:date>2012-01-03T09:24:35+00:00</dc:date>
    <link>http://bartaz.github.com/impress.js/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[Aren't you just bored with all those slides-based presentations?
Don't you think that presentations given in modern browsers shouldn't copy the limits of 'classic' slide decks?
Would you like to impress your audience with stunning visualization of your talk?
then you should try
impress.js*]]></description>
<dc:subject>css css3 html5 javascript presentation</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:591b805df4b6/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:html5"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:javascript"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:presentation"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://line25.com/tutorials/how-to-create-a-stylish-drop-cap-effect-with-css3">
    <title>How To Create a Stylish Drop Cap Effect with CSS3</title>
    <dc:date>2011-12-13T14:11:14+00:00</dc:date>
    <link>http://line25.com/tutorials/how-to-create-a-stylish-drop-cap-effect-with-css3</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[Drop caps have been around for years in the print industry, but they are still pretty rare in the web world despite the :first-letter selector having been around for a fair few years. Let’s take a look at how we can create a cool drop cap for our web designs and spice it up with some stylish CSS3 text-shadow effects.]]></description>
<dc:subject>css css3 design typography</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:feafced616f0/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:typography"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://stuffandnonsense.co.uk/projects/320andup/">
    <title>320 and up</title>
    <dc:date>2011-12-12T17:53:17+00:00</dc:date>
    <link>http://stuffandnonsense.co.uk/projects/320andup/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[The ‘tiny screen first’ boilerplate extension*

‘320 and Up’ prevents mobile devices from downloading desktop assets by using a tiny screen’s stylesheet as its starting point. Try this page at different window sizes and on different devices to see it in action.]]></description>
<dc:subject>css css3 grid responsivedesign webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:3c0b34805eae/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:grid"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:responsivedesign"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdesign"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://jsdo.it/ksk1015/cLLl">
    <title>borderとtransitionを使ったエフェクト - jsdo.it - Share JavaScript, HTML5 and CSS</title>
    <dc:date>2011-10-12T06:51:27+00:00</dc:date>
    <link>http://jsdo.it/ksk1015/cLLl</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[css border transitions]]></description>
<dc:subject>animation css css3 design</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:1aa4c7cb52bb/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:animation"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:design"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://net.tutsplus.com/tutorials/html-css-techniques/create-a-document-icon-with-css3/">
    <title>How to Create a Beautiful Icon with CSS3 | Nettuts+</title>
    <dc:date>2011-09-21T07:01:33+00:00</dc:date>
    <link>http://net.tutsplus.com/tutorials/html-css-techniques/create-a-document-icon-with-css3/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[Today, I’d like to show you a neat trick. We’ll create a document icon with pure CSS3. Even better, this effect will only require a single HTML element.]]></description>
<dc:subject>css css3</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:eb596a4dea76/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css3"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://css-tricks.com/useful-nth-child-recipies/">
    <title>Useful :nth-child Recipes | CSS-Tricks</title>
    <dc:date>2011-06-18T18:44:53+00:00</dc:date>
    <link>http://css-tricks.com/useful-nth-child-recipies/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[I get a little giddy when I come across perfect uses for :nth-child or :nth-of-type (read about the difference). The better you understand them, the more css nerdgasms you get to have!

In these simple "recipes" (really: expressions) I'll arbitrarily use a flat list of list items and randomly chosen numbers. But it should be fairly obvious how to alter them to get similar selections.]]></description>
<dc:subject>css css3</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:3d2ed4b9c562/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css3"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://blogs.sitepoint.com/pure-css3-ribbons/">
    <title>How to Create CSS3 Ribbons Without Images » JavaScript &amp; CSS » SitePoint Blogs</title>
    <dc:date>2011-03-30T11:42:26+00:00</dc:date>
    <link>http://blogs.sitepoint.com/pure-css3-ribbons/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[In my last post, Pure CSS3 Speech Bubbles Without Images, we saw how the :before and :after pseudo-elements could be used to create different effects. In this post we’ll use similar techniques to create a variety of ribbons.

Ribbon effects are in vogue. Most designers use positioned images, but we’ll create them without using border effects and a single h2 tag:]]></description>
<dc:subject>css css3 design</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:527228b54cec/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:design"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://matthewlein.com/ceaser/">
    <title>Ceaser - CSS Easing Animation Tool - Matthew Lein</title>
    <dc:date>2011-03-28T07:33:54+00:00</dc:date>
    <link>http://matthewlein.com/ceaser/</link>
    <dc:creator>Aetles</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.
Now that we can use CSS transitions in all the modern browsers, let’s make them pretty. I love the classic Penner equations with Flash and jQuery, so I included most of those. If you’re anything like me*, you probably thought this about the default easing options: “ease-in, ease-out...yawn.” The mysterious cubic-bezier has a lot of potential, but was cumbersome to use. Until now. Also, touch-device friendly!]]></description>
<dc:subject>css css3 animation</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:c2185bbf9e03/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:animation"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.devlounge.net/code/html5-forms-styled-with-css3">
    <title>HTML5 Forms Styled With CSS3 | Devlounge</title>
    <dc:date>2011-02-22T18:04:42+00:00</dc:date>
    <link>http://www.devlounge.net/code/html5-forms-styled-with-css3</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[Now lets take a look at creating forms using HTML5. While browser support isn't 100% yet that we can forgo Javascript, we are getting close. There are now standard field attributes to recognize an email address input, placeholder text, autofocus and more.

Once you have created your barebone form it is time to style it with CSS. Add some gradients to the fields, create a nice image free button and use some nice font.]]></description>
<dc:subject>css3 forms html5 webdesign</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:a03f00cfae2e/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:forms"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:html5"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:webdesign"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://matthamm.com/box-shadow-curl.html">
    <title>Pure CSS3 box-shadow page curl effect</title>
    <dc:date>2010-12-09T18:27:04+00:00</dc:date>
    <link>http://matthamm.com/box-shadow-curl.html</link>
    <dc:creator>Aetles</dc:creator><dc:subject>css css3 design html html5</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:0813b18d4756/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:design"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:html"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:html5"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://fredericiana.com/2009/06/12/shadow-boxing-with-moz-box-shadow/">
    <title>shadow boxing with -moz-box-shadow | fredericiana</title>
    <dc:date>2010-10-27T14:51:03+00:00</dc:date>
    <link>http://fredericiana.com/2009/06/12/shadow-boxing-with-moz-box-shadow/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[Another fun CSS3 feature that’s been implemented in Firefox 3.5 is box shadows. This feature allows the casting of a drop “shadow” from the frame of almost any arbitrary element.

As the CSS3 box shadow property is still a work in progress, however, it’s been implemented as -moz-box-shadow in Firefox. This is how Mozilla tests experimental properties in CSS, with property names prefaced with “-moz-”. When the specification is finalized, the property will be named “box-shadow.”

]]></description>
<dc:subject>css css3 boxshadow</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:4c23fb518bd9/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:boxshadow"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://lab.simurai.com/css/umbrui/">
    <title>umbrUI - CSS3 range slider, checkbox + radio button</title>
    <dc:date>2010-10-19T12:42:54+00:00</dc:date>
    <link>http://lab.simurai.com/css/umbrui/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[There was a request, so I tried. The outcome: No JavaScript, no images and just minimal markup - but a ton of messy CSS3. And only Safari will render it properly. Chrome is close, but the 3D perspective doesn't work. iOS has some issues with the icons and Firefox, Opera and IE.. well, I haven't tried yet. No Safari? You can see a screenshot of the range slider, checkbox and radio button.]]></description>
<dc:subject>css3</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:4c42df4b94e9/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css3"/>
</rdf:Bag></taxo:topics>
</item>
<item rdf:about="http://www.impressivewebs.com/css3-support-ie9/">
    <title>CSS3 Support in Internet Explorer 9</title>
    <dc:date>2010-09-25T08:56:59+00:00</dc:date>
    <link>http://www.impressivewebs.com/css3-support-ie9/</link>
    <dc:creator>Aetles</dc:creator><description><![CDATA[If you’re like me, you’re probably wondering, amidst all the hype surrounding the release of IE9 Beta, whether or not Microsoft has finally begun to keep up with the other browser makers.
Has IE9 changed Microsoft’s reputation of always lagging behind? Does the Beta release of IE9 indicate that Microsoft is finally keeping up with the Joneses? You be the judge.
I’ve created a few charts showing CSS3 support in IE9 Beta. The list does not include every conceivable CSS3 property or selector. I’ve tried to stick to the well-known stuff, and I’ve also included a list of pseudo-selectors and pseudo-elements. Most of the information is taken from this page on MSDN.]]></description>
<dc:subject>css3 ie9</dc:subject>
<dc:source>https://pinboard.in/</dc:source>
<dc:identifier>https://pinboard.in/u:Aetles/b:747007737645/</dc:identifier>
<taxo:topics><rdf:Bag>	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:css3"/>
	<rdf:li rdf:resource="https://pinboard.in/u:Aetles/t:ie9"/>
</rdf:Bag></taxo:topics>
</item>
</rdf:RDF>