Pears is a free WordPress theme that will enable you to create your very own CSS and HTML pattern library!
You could drop this on a subdomain, localhost, private or public, Pears + WordPress = AWESOME!
Here’s how it works:
I’ve never seen a book on HTML and CSS look this good.
Just as it says on the website:
A book about code that doesn’t read like a 1980s VCR manual…
Just look at this beautiful book!
Prefixr is a handy online tool brought to the Interwebs by the awesome Nettuts+ peeps.
Simply drop in your CSS, press “Prefixize” and Prefixr converts your code into a piece of cross-browser beauty.
Here’s a before and after snippet as well as the options included with Prefixr:
Dabblet is a new CSS and HTML sandbox worthy of a bookmark.
You can test and preview your code instantly. Other options include saving files anonymously or create a free account for additional options.
There are also a number of preview views, too:
010000010111011101100101011100110110111101101101011001010010000100100000010
110010110111101110101001000000110101001110101011100110111010000100000011011
000110010101100001011100100110111001100101011001000010000001101000011011110
111011100100000011101000110111100100000011001000110010101100011011011110110
Continue Reading…
Building and designing your site on a grid is the way to go, but using pre-built grid systems can sometimes be overkill.
Why run your site through all that CSS when you don’t have to?
I think you’ll like this nice little tool to configure your next layout grid, by configuring just the grid you need.
If you use Coda and the Clips feature, you’re going to love Coda Clips.
Even if you don’t use Coda, you still may find Coda Clips to be a nice resource for grabbing commonly used snippets of code, but if you are a Coda user, you’re going to find Coda Clips a very awesome resource.
Check it out:
Normally a web design project goes hand-in-hand between your HTML and CSS.
Your HTML markup and CSS go back and forth as you work up your design.
Not anymore!
Bear CSS is an awesome, free online tool that will turn your design process on its head … in a good way 
Here’s how it works:
HTML5 and CSS3 are new and exciting and has lead to a number of solid templates to get started on web projects.
Here’s a new (that’s relative, isn’t it?) template worth taking a good look at:
HTML5 Reset
Now that modern browsers are starting to support some of the really useful parts of HTML5 and CSS3, it’s time for our best practices to catch up, and we thought we’d put our files out there for everyone to use. By no means do we see this as the One True Way to start every project, but we think it’s a good starting place that anyone can make their own.
Some of the boilerplates that exist are on the heavy side, so if you’re looking for a nice, simple alternative, than this is what you’re looking for. Plus, they have a little something for those developing on WordPress, too!
It’s called, “The Geocities-izer,” and it can make any webpage look like it was made by a 13 year-old in 1996.
You know, back when websites were built “the old fashioned way” with Notepad? When counters were cool and Netscape was the best browser?
Good times.
Here are what some websites look like when Geocitified:
