A Roundup Of 25 Advanced CSS Tips And 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

How To Create A Pure CSS Polaroid Photo Gallery

Advanced CSS Menu Trick

Advanced CSS Menu Trick

Active State In CSS Navigations

Active State In CSS Navigations

A Festive Type Folly

A Festive Type Folly

Sticky (Fixed) SideNav Layout With CSS

Sticky Fixed SideNav Layout With CSS

Style A List with One Pixel

Style A List with One Pixel

Guidelines For Developing Your Own CSS Framework

Guidelines For Developing Your Own CSS Framework

How To Distribute Elements Horizontally Using CSS

How To Distribute Elements Horizontally Using CSS

The Mystery Of CSS Sprites: Techniques, Tools And Tutorials

The Mystery Of CSS Sprites: Techniques, Tools And Tutorials

How To Add Variables To Your CSS Files

How To Add Variables To Your CSS Files

CSS Absolute Positioning: Create A Fancy Link Block

CSS Absolute Positioning: Create A Fancy Link Block

The Mystery Of The CSS Float Property

The Mystery Of The CSS Float Property

Elastic Calendar Styling With CSS

Elastic Calendar Styling With CSS

Using Rounded Corners With CSS3

Using Rounded Corners With CSS3

8 Premium One Line CSS Tips

8 Premium One Line CSS Tips

Guide To CSS Font Stacks: Techniques And Resources

Guide To CSS Font Stacks: Techniques And Resources

Nicer Navigation With CSS Transitions

Nicer Navigation With CSS Transitions

Absolute Columns

Absolute Columns

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

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

The Z-Index CSS Property: A Comprehensive Look

The Z-Index CSS Property: A Comprehensive Look

Horizontal Subnav With CSS

Horizontal Subnav With CSS

Create A Letterpress Effect With CSS Text-Shadow

Create A Letterpress Effect With CSS Text-Shadow

Vertically Center Multi-Lined Text

Vertically Center Multi-Lined Text

Elegant Drop Menu With CSS Only

Elegant Drop Menu With CSS Only

CSS Selectors: A Guide To The Common And The Rare

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! :)

17 Comments on "A Roundup Of 25 Advanced CSS Tips And Tutorials"

  1. Thanks for so useful list. I just don’t like to use CSS with PHP…

  2. designfollow says:

    thanks for this great post

  3. Ali Suarez says:

    That’s a really useful list! Thanks!

  4. These are great CSS tips! Lots of CSS and jQuery stuff. Thanks and keep them coming.

  5. Henrique says:

    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

  6. good post and a few interesting links which I shall now delve into!

  7. ichselbst says:

    Some nice links, thanks…

  8. Laura says:

    Very helpful links! Thank you

  9. Tsedaka says:

    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)

  10. Great list. Very useful. Thanks for this.

  11. Alex Flueras says:

    Superb list, thanks for sharing!

  12. wien says:

    nice post, very helpful, thanks

  13. Harsha M V says:

    amazing round up.. thanx a lot

  14. Beben says:

    cool, its one the best list i’m found
    thanks ^_^’

  15. A good list to remenber.

  16. Nice tips for css! It will really help all those people who are beginner in the field of Css. I have visited many sites like http://www.csswebstyles.com/ and http://www.beyondfuturetechnologies.com/ which help me in understanding css and how we maintain data in css base site.

Trackbacks for this post

  1. uberVU - social comments

Got something to say? Go for it!