12 Really Useful CSS3 Tips And Techniques

CSS 3 no doubt is amazing. I have been using slight bits of it in some of my other web projects, and i am more than pleased with it. Its simplicity runs so well with its advanced features such as rounded corner rendering and font file reading. Rounded up here are my 12 favorite tutorials to help you learn many of CSS 3’s new and exciting features very quickly. Please fell free to drop us a comment showcasing what you have made with CSS 3. Enjoy!

Rounded Corners

With CSS 3, you don’t have to have images for each corner (like the old days). It can now render itself!

* * * * *

Text Shadows & Background Sizing

Learn how to add shadows to text and to size your background images using CSS 3.

* * * * *

Using Any Custom Font

This is amazing! CSS 3 can actually read a font file if you specify the path, and then it can render the text that you apply the CSS class or id. So the user doesn’t even have to have the font!

* * * * *

CSS 3 Colour

Learn how to create a mock-up interface using CSS 3 colour. Check out the colour module demo, its outstanding!

* * * * *

Styling HTML Forms

Learn how to style HTML forms using CSS 3’s attribute selectors.

* * * * *

Apply Link Icons

In this tutorial you will learn how to use CSS 3’s attribute selectors to put different icons infront of different link file types. You will need a better browser that IE6 to see them!

* * * * *

International Languages

CSS 3 will introduce a large number of properties to support non Latin text.

* * * * *

Multi-Column Layout

CSS 3 has a cool newspaper type column feature. Now newspapers can be online!

* * * * *

CSS 3 Opacity

Learn how to properly use opacity in CSS 3.

* * * * *

Border Image

Now you can apply background images to borders, and there are many different parameters you can play around with to style your border just the way you want it.

* * * * *

Link Creation & Usage

CSS 3 changes links slightly. This tutorial will guide you through the correct usage.

* * * * *

Multiple Backgrounds

Finally, you can apply more than one background image to the same class / id.