Swirly art is an increasingly popular design technique used in many forms of media these days. To achieve this style of art we will need to learn about patterns and make use of some swirly brushes. The technique has many uses outside of what I will be showing you in this tutorial, so always keep your mind open to the possibilities.

In using the CSS 'background-position' property we can create a single image that can have an active and hover state. Using this advanced CSS menu system allows for limitless possibilities for hover animations. Also, this technique is SEO friendly thanks to the CSS 'text-indent' property.

The age ole problem of wishing to use an image as a link, but only to find out that your hover options are graphically limited. Maybe you have figured out that you can have two alternating background images in CSS, one for the standard link and one for the hover. You have no doubt realized that the main concern is that the site does not load this hover image until the hover action is performed, which leads to an odd disappearance of your image and then it's reappearance as the hover background. Obviously this is not best, so allow me to show you a simple CSS trick to correct this problem.

Looking for a way to provide a little creativity to your gallery using only CSS. By using this handy trick there is no need to edit the source file of the image. All that is needed is an extra <span> before the placement of your image. This technique is a powerful tool in allowing you complete freedom to change the creative borders on all images or just a single image with one simple CSS style.

PNGs are the wave of the future when it comes to transparency on the web. The only obstacle standing in your way is IE6 users, but the PNG hack allows for the alpha channel in .png images to render correctly in IE6, thus opening up a whole new world of design options.