Also References

Articles and Tutorials

CSS Design: Size Matters
@A List Apart | Todd Fahrner shows us how to make CSS font size keywords work.
Owen’s Design Rant
@the noodle incident | Owen Briggs presents the logical approach to web design.
CSS: Going to Print
@A List Apart | Eric Meyer covers print style sheets.
CSS Design: Taming Lists
@A List Apart | Mark Newhouse beats lists into submission.
Flexible Layouts with CSS Positioning
@A List Apart | Dug Falby reviews techniques for building CSS layouts.
Picking a Rendering Mode
@Eric Meyer on CSS | Eric’s bonus material from Eric Meyer on CSS reviews what is commonly known as “doctype switching”.
CSS Ain’t Rocket Science
@Simon Willison’s Weblog | Simon Willison walks through multiple CSS features and techniques.

CSS Hacks and Workarounds

Box Model Hack
@tantek.com | One of the most widely-used hacks in CSS development today. Used to correct IE5/Win’s broken box model (involving widths/heights and padding/borders). Also used to fix the same browser’s incorrect base for font-size keywords.
CSS Bugs in IE5.x Mac
@MacEdition | An extensive collection of known bugs for IE5.x/Mac, along with links to fixes and workarounds for some of these bugs.
Alternate Box Model Hacks
@css-discuss Wiki | Adding to Tantek’s original hack, a new set of hacks have popped up which attempt to solve the same problems.
CSS Hacks
@CSS-discuss Wiki | Links to many different hacks; some are intended to hide a declaration or set of rules from a particular browser or set of browsers, others to serve rules directly to one browser or a set of limited browsers.
Mid-Pass Filter
@tantek.com | Tantek created a means of serving separate style sheets directly to IE5.0/Win and IE5.5/Win, so the primary style sheet can stay clean of Box Model Hacks

Discussion Lists

www-style
@W3C | Technical discussion about CSS and working drafts of the W3C. View web archives
css-discuss
@css-discuss.org | Extremely helpful mailing list devoted to practical uses of CSS in the real world. View web archives
css-foundations
@Westciv | Practical issues for those new to CSS.

Examples and Demos

Daily CSS Fun
@placenamehere.com | Chris Casciano produced 20 different versions of his index page in Febrary 2002, all relying solely on CSS for making design changes.
Source Ordered Columns
@Positition Is Everything | Big John shows how to use floats to put columns in any order.
CSS Zen Garden
@CSS Zen Garden | Showing off the beautiful design possibilities achievable with CSS.

Resources

CSS Layout Techniques
@glish.com | Eric Costello’s original column layouts that got us all going on table-less design.
Layout Reservoir
@BlueRobot | CSS layouts using aboslute positioning. A modified version of the three-column layout presented here was used for the Wired.com redesign in 2002.
Eric’s CSS Reference Page
@Meyerweb | Demos, articles, books, and reference tools written and assembled by Eric Meyer.
CSS Panic Guide
@the noodle incident | General list of helpful resources maintained by Owen Briggs
Position is Everything
@PiE | Big John and Holly’s very well-assembled list of CSS bug reports, demos, and explanations.
CSS-discuss Wiki
@css-discuss.org | Huge, rapidly growing list of resources covering everything from layout methods, text sizing, hacks, tutorials. Maintained by the general web community of CSS-discuss subscribers and beyond.

Specifications and Charts

Cascading Style Sheets, Level 1
@W3C | The original specification first released in 1996. Covers all the basic properties and simple selectors which work reliably in most modern browsers.
XHTML 1.0
@W3C | The specification for XML which behaves just like HTML in all browsers. Follows a stricter rule set, and thus, is easier to error-check using common HTML validators.
CSS1 Support Chart
@Netscape DevEdge | Eric Meyer’s original chart detailing browser support for CSS1. Becoming rapidly outdated, but still useful for checking available values for CSS1 properties.
XHTML 1.0 Reference Chart
@W3Schools | Indispensable chart of every available XHTML element (listed alphabetically), and which DTDs (Strict, Transitional, and Frameset) allow them. Each element (tag) is clickable to a page defining that element and its possible attributes.
Cascading Style Sheets, level 2 revision 1
@W3C | Revised version of CSS2, originally released in 1998. Adds media types, positioning, overflow and visibility properties, generated content, new pseudo-classes, and a whole new set of powerful selectors. Most of the CSS used on the web today relies heavily on the additions in CSS2.1. However, even the most current browsers still have discrepancies and imperfections, and lack complete support of this specification.

Also Sections