Top 10 Resources: Helpful CSS Websites and Articles

by Clem

Cascading Style Sheets are a powerful tool in the world of web design and development. Sometimes, though, we encounter seemingly unfixable problems with our CSS—mainly in cross-browser compatibility. Below is a list of my top ten most helpful CSS websites and articles.

Using CSS to Fix Anything: 20 Common Bugs and Fixes

If you’re having problems with a website not displaying correctly, check here first. From typical bugs in IE to some helpful rounded corner solutions, this article covers a lot of ground.

Listutorial

Ordered and unordered lists are simple enough, but there are lots of things you can do to your basic lists to make them stand out. Listutorial is, as the name would imply, a fairly comprehensive guide to making your boring lists exciting using CSS.

Ten CSS Tricks You May Not Know

This article is worth a read. The ten tips are very helpful, and if you’re not aware of them yet, you should be!

Designing For Every Browser

As you’re probably well-aware, cross-browser compatibility can be a nightmare. Here is a nice list of resources that will help you make your website completely cross-browser compatible.

CSS and XHTML Lab

A list of easy-to-understand, well-written articles on CSS, most of them with demos included.

Form Elements

Forms are often neglected, but there’s no reason for them to be boring. This list should give you an idea of the different ways form elements can be styled to be made interesting.

Going to Print

I have, on occasion, printed out a web page only to find that half the text is cut off because the web designer has failed to specify a print stylesheet. It isn’t hard to do, so if you don’t have a print stylesheet, this article will walk you through the steps of creating one.

Position Is Everything

As its title tag says, this website explains modern browser bugs in detail. There are articles about bugs in IE, Opera, Firefox, and many other browsers. There’s also a good number of demos.

Working With Alternate Stylesheets

If, no matter what you do, your website just won’t display correctly in IE6 unless you tweak your CSS so that it then looks terrible in Firefox, you should look into alternate stylesheets. This article is shows you how to do this in a very easy to understand way.

User Friendly CSS Resources

The list isn’t very long, but some of these articles are very helpful—definitely worth a read.

Clementine is the owner of OhClementine.com.  Read more articles by Clem.