CSS Tools
Oh the joys of CSS. Take this simple layout for example. I won't admit to how many versions and hours I dumped into it. And in the end I went back to a simple design so you never know. My only goal here is to share as much CSS goodness as possible to make not only my life but your life easier too by listing some of the best resources I have found. I'm always learning new things even after being in this business since 95.
ALSO see my CSS Examples Page!
- W3School CSS2 Reference
Lists all the CSS2 property with great examples and notes on each. - CSS Shorthand
Guide to shorthand CSS - CSS Easy
Learn CSS the modern way. - Taming Lists
A great review of lists and CSS from Alistapart.com. - CSS support in email clients
Designing an HTML email that renders consistently across the major email clients can be very time consuming. Support for even simple CSS varies considerably between clients, and even different versions of the same client. - Zen Garden
Truly amazing site depicting the power of CSS. - CSS Reset
Bare bones css reset so you are starting from scracth. Here is another one from Yahoo. - 6 Shooter
Some great all CSS templates. - CSS Table Gallery
Table design based on the fresh TagBox style. - [Quir]{smode]
QuirksMode.org is the personal and professional site of Peter-Paul Koch, freelance web developer in Amsterdam, the Netherlands. It contains about 120 pages with CSS and JavaScript tips and tricks, and is one of the best sources on the WWW for studying and defeating browser incompatibilities. It is free of charge and ads, and largely free of copyrights. CSS contents and browser compatibility - CSS Image Pop Up Viewer
A CSS image pop up. - CSS Image Pop Up 2
Another CSS approach to the image pop up. - New Css for IE7
New CSS elements for Internet Explorer 7. - Dragable CSS Layer
"Amazing Draggable Layer" which can be used instead of popup windows. - How to align text, images and form controls
See - 3.2.2 How to horizontally align form controls.