CSS Starters
At work I’m doing some work on a revamp of the web side of our product. One of the first things that came to mind when I was given this task was trying to banish all of the old school ways of making web pages, and trying to go with a more standards compliant way. Well, XHTML was kinda shot down for the first pass of the revamp, but I did manage to get buy-in on CSS. Mostly because it’s obviously way better and more extensible for broadstroke changes and “skinning”. Consequently, over the past few months I’ve been asked to introduce some CSS nooblets to the whole big idea. Recently I threw together a quick list of starters for getting into the mindset. I decided to post these not only as a reminder of some solid starting points, but also for archiving purposes. Here they are.
Here’s a simple intro to why CSS is better than “the old way”:
http://www.htmlhelp.com/reference/css/stylesheets-now.html
And actually, the WDG reference is a good place if you’re completely new to the subject:
http://www.htmlhelp.com/reference/css/
This is a good reference for getting a good grip on the whole “Separating Style from Content” thing.
http://www.thenoodleincident.com/tutorials/css/index.html
For a few tutorials to get started with how this stuff all fits together, here’s a good site:
http://css.maxdesign.com.au/index.htm
The Brainjar site is great. He does some really nifty things with Javascript and CSS. Here’s his “Using Stylesheets” tutorial.
http://www.brainjar.com/css/using/
Pie is good! No really, and so is this site. Great references here too.
http://www.positioniseverything.net/index.php
A great set of links to all sorts of CSS stuffs.
http://dezwozhere.com/links.html
The W3Schools site is a great reference. The page layout of their information isn’t the greatest, but they have good info.
http://www.w3schools.com/css/default.asp
The “Ten Tricks You May Not Know About CSS” link
http://www.webcredible.co.uk/user-friendly-resources/css/css-tricks.shtml
Oh, and here’s the IE primer that I found helpful. For dealing with where IE does not follow the standards.
http://www.positioniseverything.net/ie-primer.html