A Roundup Of 25 Advanced CSS Tips And Tutorials

You are here: Home » Articles » A Roundup Of 25 Advanced CSS Tips And Tutorials

A Roundup Of 25 Advanced CSS Tips And Tutorials

From menus to galleries, Jon shows us a roundup of 25 different pure css tips and tutorials.

By Jon on November 6th, 2009 in Articles, Tips & Tricks, Tutorials |

Web-design has evolved greatly in the past couple years, thanks to all the great CSS tutorials out there. Of course now that browsers like Safari/webkit and Firefox/moz support some CSS3 properties, we’re seeing more and more designers use those newer techniques. Today I’d like to share with you some great CSS (and CSS3) tips, techniques and tutorials.

I hope you enjoy this post! Please make sure you stop by the comment section and feel free to share with us some tips and tutorials I may have missed. This is by no means a complete list of course.

How To Create A Pure CSS Polaroid Photo Gallery

Advanced CSS Menu Trick

Active State In CSS Navigations

A Festive Type Folly

Sticky (Fixed) SideNav Layout With CSS

Style A List with One Pixel

Guidelines For Developing Your Own CSS Framework

How To Distribute Elements Horizontally Using CSS

The Mystery Of CSS Sprites: Techniques, Tools And Tutorials

How To Add Variables To Your CSS Files

CSS Absolute Positioning: Create A Fancy Link Block

The Mystery Of The CSS Float Property

Elastic Calendar Styling With CSS

Using Rounded Corners With CSS3

8 Premium One Line CSS Tips

Guide To CSS Font Stacks: Techniques And Resources

Nicer Navigation With CSS Transitions

Absolute Columns

CSS Sprites: What They Are, Why They Are Cool, And How To Use Them

The Z-Index CSS Property: A Comprehensive Look

Horizontal Subnav With CSS

Create A Letterpress Effect With CSS Text-Shadow

Vertically Center Multi-Lined Text

Elegant Drop Menu With CSS Only

CSS Selectors: A Guide To The Common And The Rare

Your Turn Now!

I hope you have enjoyed this post! Please don’t forget to share your own findings with the rest of us in the comment section below!

Did you like it?

Help us spread the word!

About The Author

Jon

Jon is a designer specialising in Wordpress and also writes on a freelance basis for a specialist printer cartridges supplier for HP printers to homes and businesses in the UK.

Comments

Jônatan Fróes said :
November 6th, 2009 at 8:36 am
Thanks for so useful list. I just don’t like to use CSS with PHP…
designfollow said :
November 6th, 2009 at 4:38 pm
thanks for this great post
Ali Suarez said :
November 8th, 2009 at 7:33 pm
That’s a really useful list! Thanks!
Will Paccione said :
November 8th, 2009 at 7:39 pm
These are great CSS tips! Lots of CSS and jQuery stuff. Thanks and keep them coming.
Henrique said :
November 8th, 2009 at 9:45 pm
Some great tips. I also want to contribute with my material:
Drawing with CSS3 – How to create buttons using no images
http://hcalves.tumblr.com/post/229565151/drawing-with-css3
Web Design Kent said :
November 9th, 2009 at 2:05 am
good post and a few interesting links which I shall now delve into!
ichselbst said :
November 9th, 2009 at 2:16 am
Some nice links, thanks…
Laura said :
November 9th, 2009 at 2:22 am
Very helpful links! Thank you
Tsedaka said :
November 9th, 2009 at 2:45 am
I wrote few incredible tricks with CSS text-shadow property (letterpress, gradient and blur).
Please, check here: http://bit.ly/1qqDlZ
(I know that only the most up to date browsers can display the text-shadow property properly, but it’s damn fun to play with)
CSS Tricks said :
November 9th, 2009 at 4:33 am
Hey, Nice collection. Great article and just bookmarked it.
Check similar tutorial: CSS Tips & Tricks
Arthur Brown said :
November 9th, 2009 at 9:33 am
This is a great collection. It is definitely getting bookmarked in my delicious account.
David Bohórquez said :
November 9th, 2009 at 8:46 pm
Great list. Very useful. Thanks for this.
Alex Flueras said :
November 16th, 2009 at 1:41 am
Superb list, thanks for sharing!
wien said :
November 16th, 2009 at 5:05 am
nice post, very helpful, thanks
Harsha M V said :
November 27th, 2009 at 5:56 am
amazing round up.. thanx a lot