A Collection of Demo and Example Miscellany

Over the past few months I've acquired quite the collection of demos or working examples of stuff I've quick thrown together for things like how-tips on Nettuts or in the forums over at Themeforest, so I thought I would share them here in the hopes that someone would find them useful.

CSS3 Poster

The first has to do with playing around with the upcoming CSS3 transforms and @font-face inspired by this post by Alex Girón where he uses basic CSS pos­i­tion­ing and some of the newer CSS3 fea­tures to put together a "CSS3 Poster". I wanted to try my hand at it, so I used the quote at the bottom of the page from Matt Brett and whipped something up.

Check out the poster here. Works in all new browsers that support CSS transforms, and of course doesn't work in IE.

CSS Arrows

The second isn't anything new because it uses the border properties of CSS that have been around for ages, I simply wanted to try using pure CSS shapes instead of images for a slider navigation. In the example you'll see when you hover over the slider that two arrows appear, those arrows are nothing more than divs using border properties to create a shape.

Check out the example here.

Theme Switcher with Cookie

This one is an addition to this post on Nettuts by Jeffrey Way about creating a theme switcher. Somone in the comments asked about adding and setting a cookie to save the theme preference, so I added the cookie functionality and posted it in the comments.

Check out my version of the theme switcher here, and Jeffrey's version here.

CSS3 Shapes

This demo is simply an add on to another tip from Nettuts about practical CSS shapes where I add the filter properties in IE to make the same effect.

Check out the example here, and make sure to also view it in IE.

With all of these examples, feel free to view the source and use them however you can. Thanks for reading.