See Also: References
A collection of links to helpful resources, articles, charts, specifications, discussion lists, and anything else which has useful informationHelpful Articles and Tutorials
In-depth explorations into particular issues and techniques.
- CSS Ain't Rocket Science
- Simon Willison walks through multiple CSS features and techniques.
- Flexible Layout with CSS Positioning
- @A List Apart | Dug Falby reviews techniques for building CSS layouts.
- Picking a Rendering Mode
- Eric's bonus material from Eric Meyer on CSS reviews what is commonly known as "doctype switching".
- CSS Design: Taming Lists
- @A List Apart | Mark Newhouse beats lists into submission.
- 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.
- Size Matters
- @A List Apart | Todd Fahrner shows us how to make font size keywords work.
Demonstrations
If you're looking for examples of beautiful and/or clever uses of CSS in action, explore some of these.
- CSS Zen Garden
- @Mezzoblue | Showing off the beautiful design possibilities achievable with CSS.
- Source Ordered Columns
- @Positition Is Everything | Big John shows how to use floats to put columns in any order.
- Rounded Corners with CSS
- @Webweaver.org | Although somewhat clumsy, shows how to create rounded corners via CSS.
- 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.
Aggregate Resources
These sites have their own useful lists of links and resources. If you can't find something here, you're bound to find what you're looking for in one of these places.
- CSS-discuss Wiki
- @css-discuss | 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.
- 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
- Big John's very well-assembled list of CSS bug reports, demos, and explanations.
- CSS Layout Techniques
- @glish.com | Eric Costello's original column layouts.
- 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.
Discussion Lists
Mailing lists to which you can subscribe, get answers from others in the community, and follow along with relevant issues.
- css-discuss
- @css-discuss | 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.
- www-style
- @W3C | Technical discussion about CSS and working drafts of the W3C. View web archives
CSS Bugs, Hacks, and Workarounds
No browser has perfect CSS support. Knowing the discrepancies and a means to get around them can prevent many late-night frustrations and headaches.
- CSS Hacks
- @CSS-discuss Wiki | Links to many different hacks, usually intended to hide a declaration or set of rules from a particular browser or set of browsers.
- 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.
- 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.
Specifications and Charts
Even though they may not always be written in a language we understand, sometimes we need to go straight to the original sources for answers.
- 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.
- 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 1 (CSS1)
- @W3C | The original specification first released in 1996. Covers all the basic properties and simple selectors which work reliably in most modern browsers.
- Cascading Style Sheets, Level 2 (CSS2)
- @W3C | Current version of CSS, 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. However, even the most current browsers still have discrepancies and imperfections, and lack complete support of this specification.
- CSS 2.1
- @W3C | Draft version of a CSS2 revision which is rapidly nearing completion. Builds on — and makes corrections to — CSS2, and adds popular features which have already been widely implemented.
- 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.