Archive for the ‘Tutorials’ Category

Icon Supported Navigation

Tutorial CSS Icon Navigation Menu

Looking to give your navigation menu a little more impact with some icons/graphics while still retaining accessibility to your users? Then this tutorial is for you!

(more…)

Create an Origami Logo

Tutorial Create Origami Logo

Create an Origami Logo in Photoshop with this tutorial, getting a little taste towards one of the predicted trends for 2009 Logo Design. Also by popular demand, if you’re looking for an Illustrator way of creating an Origami Logo, click here!

(more…)

Make a Valentines Day Card

Tutorial Valentines Day Card 2009

With valentines round the corner, why not make your very own Valentines card for a loved one with not just love and sincerity… but some of that creativity you have built up inside you too!

(more…)

CSS3 HSL & HSLA

css3 hsla color opacity

A guide to using css3 ‘HSL’ & ‘HSLA’, giving us not only the ability to set HSL color/colour but also apply a level of opacity.

(more…)

CSS3 RGB & RGBA

css3 rgba opacity

A guide to using css3 ‘RGB’ & ‘RGBA’, giving us not only the ability to set RGB color/colour but also apply a level of opacity.

(more…)

CSS3 Opacity

css3 opacity transparency  CSS3 opacity allows the useful control of setting how see-through an element is and is great for backgrounds and creating :hover effects.

(more…)

CSS3 Embedding @font-face

css3 embed font face

Want to get away from ‘Web Safe’ fonts for some attractive headers AND do it without using an image? Use CSS 3 and embed a font-face!

NOTE: This article uses font file stored online and your browser may run slow or attempt to crash… sorry!

(more…)