Aug 4, 200816

10 Excellent CSS Tips and Tutorials

CSS is a technology that web designers use everyday, but yet it is something that most struggle with as well. Whether it’s keeping stylesheets for large sites manageable, or creating image effects that are cross browser compatible, there are plenty of things to cause frustration. This article is an attempt to provide you with a few resources that might help you with your CSS woes or introduce you to a few tricks you didn’t know about.

Organization

Write a well structured CSS file without becoming crazy

A detailed and well written post about how to write a well structured CSS file.

Organizing Your Stylesheet Using CSS Edit

Rob Soule of Viget Labs shows you how to organize your style sheets using CSS Edit, a powerful CSS editor built exclusively for the mac.

Tips for organizing your CSS

A set of practical tips for organizing your style sheets.

Tabs and Buttons

Expandable CSS Tabs Tutorial

A tutorial on creating expandable CSS tabs.

Simple Round CSS Buttons

Learn how to create rounded corner buttons with only One Image and One CSS file.

Scalable CSS Buttons Using PNG and Background Colors

Beautiful CSS buttons with icon set

Learn how to create a clean set of buttons with CSS and an icon set.

Working with Images

CSS Decorative Gallery

Decorate your images and photo galleries without editing the source images.

Placing text over image using CSS position property

A simple technique for placing text over an image.

Create Resizing Thumbnails Using Overflow Property

Learn how to create a cool resizing thumbnail effect.

16 Comments

  • Max | Design Shard
    Aug 4, 2008

    I cant get enough css, some interesting techniques,

    Thanks
    Max | Design Shard

  • Daniel
    Aug 4, 2008

    Thanks for the tips, I can always improve the formatting and layout of my CSS files, they can get so large and messy!

  • Calvin Gilbert
    Aug 4, 2008

    Great list, always a fan of CSS. Thanks.

  • Nouman Saleem
    Aug 4, 2008

    great collection :)

  • Make Better Websites
    Aug 4, 2008

    good tipps!

  • Jack
    Aug 5, 2008

    Damn you and your awesomely handy posts!

    It’s also getting weird that every time I think of something new I want to try or need help with css/photoshop there is a post that very day on the subject from you…

    Well, thanks!

  • web pixy
    Aug 5, 2008

    I loved your tips and tutorials really much! Thanks a lot, I’ve learned so many new things:)

  • Fahad
    Aug 5, 2008

    thanks for adding my tutorial on your blog :)

  • Henry
    Aug 5, 2008

    @Fahad - You’re welcome. Keep up the good work.

  • Shannon
    Aug 6, 2008

    Design Reviver is the best f#$%ing site out there, I once had News Today set as my homepage…. not anymore. Do you have any t-shirts for sale?

    Keep up the good work!

  • Eazzy | Web Design
    Aug 8, 2008

    thanx, great tipps collection

  • etiket
    Aug 9, 2008

    thanks you.

  • perdeci
    Aug 9, 2008

    thanks you.

  • ahmbay
    Aug 9, 2008

    good tipps! thanks

  • michael soriano
    Aug 17, 2008

    keep up the good work. your website is one of my all-time favorites.

  • CSS Model
    Aug 27, 2008

    very useful tips! thanks

Leave a Comment