I am working on a project that requires some creative use of CSS. As I usually do when I have to do something I don’t do everyday, I pull out my reference notes. Basically, I keep a bunch of email drafts, saved in Outlook, that contain links on various topics. I know this isn’t the best way to catalog references, but it works for me and isn’t that the point. Well, I thought I would share my CSS list. It’s a good list for developers just getting started in CSS and as a handy “let me check” list for those more experienced. Let me know your favorite CSS sites. I want to keep the list simple. I am not trying to build an all inclusive list, but I will add links that you contribute that are helpful and add considerably to what can be found on these sites.

References and Examples
http://css-discuss.incutio.com – This Wiki is dedicated to real-world (and ideally, browser-neutral) application of CSS.
http://www.w3schools.com/css/css_reference.asp – W3Schools’ CSS reference that claimed to be tested regularly with all major browsers.
http://csszengarden.com – a great learn by doing site that highlights contributor redesigns of the csszengarden.com home page by only changing the external css file.
http://www.learn-css-tutorial.com/CrashCourse.cfm – crash course in CSS.

Validation and Verification:
http://validator.w3.org – XHTML validation. Page validation can have an effect on CSS rendering so I like to check that the HTML is good too.
http://jigsaw.w3.org/css-validator – CSS validation.
http://browsershots.org – view a screen shot of web page in multiple browsers.
http://thefrontside.net/crosscheck – an inline javascript validator. I know this isn’t CSS, but have used JavaScript for some ugly CSS Hacks.

Browser Hacks:
http://www.learn-css-tutorial.com/BrowserIssues.cfm – good intro to IE hacks.

View more posts in: CSS