Cascading Style Sheets

Mike Rundle offers up this early Christmas present outlining the way he likes to organize his CSS. He suggests using indentation, something I have done for years and find really helps to keep your document easy to scan.

He also links to a few style sheets that he has built, and they are worth a look. His use of empty selectors in this sheet is quite a good idea. If he needs to add code, he will, but otherwise it keeps things consistent. Also notice how the indenting makes it so much easier to scan. Good stuff...

I can see this lightweight little list based calendar layout - via css - coming in handy for something (see blog post). It couldn't get much simpler in terms of markup, even more so considering it includes showing/hiding events on rollover.

I'm certain it wouldn't be too hard to put together a little PHP to spit out a given month with the right list layout (gaps for filling out non-days at beginning and end of the month).

Here's a cool implementation of CSS for turning hierarchical lists into easier to understand site maps.

The general idea of SlickMap CSS is to streamline the web design process by automating the illustration of sitemaps while at the same time allowing for the predevelopment of functional HTML navigation.

Dave Shea's css Zen Garden started the revolution which brought CSS to the forefront and convinced many designers to dive into this 'new' method of laying out and styling their websites.

The garden contains a great many design variations on the same piece of content, hiliting the possibilities of this new technology.

The Web Design Group provides their guide to CSS that includes a review of structure, rules, syntax, properties and a few extra links and tutorials.

A short simple overview covering the cascade and inheritance in CSS.

CSS only flickr style image annotation. The author provides five different options, using absolute positioning and the <a> element.

The method outlined here does not work in Internet Explorer, though the article provides additional links to DHTML methods that do.

Ten simple little CSS tricks that can easily be missed, like shorthand font, using a second div to apply padding and avoid box model problems and border default value.

A terrific example of meticulous care and organization of the CSS for a website. This CSS style guide should be a good basis for a complex yet organized set of stylesheets. Kudos to whomever is behind it!

An excellent starting point for getting up to speed with creating stylesheets for handheld devices. A brief overview of some of the issues is provided is followed up with a series of authoritative links to articles on the topic.

As the title says, this chart contains a listing of the CSS properties and the various browsers that we use. It indicates whether a property is safe, unsafe, or partially safe to use. Information is also provided (one click away) for each CSS property indicated.

Garrett Dimon digs into CSS management with Architecting CSS over at Digital Web, that offers advice and links as to how to get around some of the pitfalls that result from having larger CSS files.