A very good read for new designers who are just starting out, or for oldskool ones who have finally decided to upgrade their skills and code to standards. Gone is the day of the FP n00b wannabee hacker. Well, not really, but they don’t have the brains to google to find a blog like this.

A project of Chris Coyier (whose name you might remember from my enthusiastic mention of his CSS-Tricks.com site) and David Walsh — if I’m remembering correctly, this is the same pair that put together the Band Website Template as well: Chris with the visuals and David with the programming.

Back to Script & Style — you might expect it to be a bit sparse, being a newer site, but it looks like the fellas have raided their stash because I’m back 25 pages into the archives and still going strong.

Each of their articles is not simply a headline link but describes what they found useful about the article to which they link. And you run the gamut here: MooTools, free icon sets, and someone’s best tutorials on converting PSD to XHTML is what’s in my browser’s page view right now, if that gives you an idea.

Based in WordPress, the site itself, with it’s pleasing half-and-half design, is a good way to kick start your design and development engine. So put it on your frequent visit list or RSS feed today.

So put down the mouse and pickup your coffee (tea, soda, water, etc.) and check out CSS-Tricks.com. This morning, I’ve been watching the three-part, comprehensive walk-through on redesigning your WordPress project. And subscribe, already.

And send him a “thanks” when you’re done. His clear and very watchable tutorials have probably improved your productivity.

Pretty complete resource right here in one spot. Looks like this is going to get dog-eared in my bookmarks. Better yet, I’ll clip it to evernote. Don’t have Evernote? I have a few invites, so comment below and ask!

So, if you try one of these, and have a review or comments, they are welcome here. Go ahead, use a stack layout today!

[ad]

3 parts so far. Good to bookmark and use for learning.

All web designers (that would be the ones that call themselves “professionals”) should already be using CSS for sites, and tables only to display tabular data. But NOOOOOOOOO. some are too lazy to even try. If you are a consumer looking for a web designer, make sure they are using all CSS. It will make your site forward-compatible, and more accessible to all. And besides, all industries have standards. CSS is the web design industry standard.

Looks like a useful tool. Bookmark it so that next time you need it, you have it. I am finding that I use Magnolia for my design bookmarks, prolly cuz they are a prettier site than delicious. yeah, crazy huh?

http://www.dynamicdrive.com/style/layouts/
http://www.csstemplates.net/
http://www.freecsstemplates.org/
http://www.free-css-templates.com/
http://www.css-templates.org/
http://www.csstemplateheaven.com/
http://www.pixelmill.com/products/website-templates/css-web-templates.aspx
http://www.intensivstation.ch/en/templates/
http://www.smashingmagazine.com/2007/01/12/free-css-layouts-and-templates/
http://templates.arcsin.se/
http://www.solucija.com/home/css-templates/
http://www.ssi-developer.net/main/templates/
http://www.styleshout.com/
http://www.ramblingsoul.com/
http://blog.html.it/layoutgala/
http://www.oswd.org/
http://www.opendesigns.org/
http://www.openwebdesign.org/
http://www.opensourcetemplates.org/

“Mastering CSS with Dreamweaver CS3 (Voices That Matter)” (Stephanie Sullivan, Greg Rewis)

More links will be added as I find them and look them over.

http://www.cssjuice.com/
http://www.cssplay.co.uk/

http://www.projectseven.com/tutorials/css/index.htm

http://webhost.bridgew.edu/etribou/layouts/

http://www.westciv.com/style_master/house/index.html

http://www.alistapart.com/

http://www.mako4css.com/

http://www.meyerweb.com/eric/css/edge/

http://www.glish.com/css/

http://www.bluerobot.com/

http://www.thenoodleincident.com/

http://www.csszengarden.com/

http://www.saila.com/usage/layouts/

http://www.thenoodleincident.com/tutorials/box_lesson/boxes.html

http://bluerobot.com/web/layouts/default.asp

http://www.thefixor.com/code_css.php

http://www.htmlhelp.com/reference/css/

http://www.yourhtmlsource.com/stylesheets/

http://www.yourhtmlsource.com/stylesheets/cssspacing.html

http://www.positioniseverything.net/explorer.html

http://www.alistapart.com/articles/slidingdoors/

http://css-tricks.com/

Someone I follow on Twitter posted up this. great resource… see! You need to twitter!