Maggie Wolfe Riley's Library tagged css →  View Popular

As shown in Eric Meyer's "Javascript will save us all" talk at An Event Apart 2009 - this is the "ascii art" CSS layout template tool. JQuery plugin.

a.deveria.com/?p=236 - Preview

webdesign css css3 javascript jquery layout templates aneventapart

This is so awesome I can't even describe it! I've been looking for something like this - it will make editing my css SO much easier.

clark-technet.com/...dynamic-stylesheets-using-php - Preview

webdesign css php code scripts wordpress

Good intro!

www.instantshift.com/...ndation-for-improving-your-css - Preview

webdesign css layout reference

An updated explanation with reference to a great tool that makes CSS Sprites super easy - SpriteMe http://spriteme.org/

css-tricks.com/css-sprites - Preview

webdesign graphics images css sprites speed tools

Nice, clear tutorial on converting a static xhtml/css site design into a WordPress theme.

jestro.com/convert-xhtml-css-to-wordpress - Preview

webdesign wordpress themes xhtml html css tutorial

I keep hearing about wireframes, and this article explains what they are and how to use them very clearly. Now I get it!

buildinternet.com/...ld-be-designed-with-wireframes - Preview

webdesign wireframes layout css design

themeshaper.com/wordpress-menu-tricks - Preview

wordpress navigation tips code class css webdesign

"Your web developers will overflow their box model when they see you sporting this hilarious new mug! Then they'll go back to using tables."

www.zazzle.com/awesome_mug-168716435071981928 - Preview

webdesign css humor

I like this summary of what each type of thing should and should not be used for as a general rule - good advice and clarification. I especially like this:

"What’s kind of funny about JavaScript is that if something can be done in another language, it probably should be done in that other language."

I've seen so much abuse of Javascript it has made me not like it very much, even though I realize it's actually a very useful and powerful tool that does great stuff.

css-tricks.com/inapproprite-uses - Preview

webdesign html css javascript database functions tips

More cheatsheets - most of these look very useful.

www.1stwebdesigner.com/...ress-help-sheets-and-resources - Preview

wordpress cheatsheets themes php css blogging SEO tags code plugins

Wow - so many resources on one page... I'm a little overwhelmed. These seem VERY useful.

www.wordpress-ecommerce.com/wordpress-tips-and-tricks-228 - Preview

wordpress cms tips e-commerce tutorials images security semantics SEO accessibility 404 themes css code validation

css-tricks.com/ress-complete-series-downloads - Preview

wordpress css tutorial screencast theme webdesign

theundersigned.net/...from-xhtmlcss-to-wordpress - Preview

wordpress xhtml css tutorial webdesign

Yet another great article from CSS Tricks - floats very nicely and simply explained. I remember having trouble with these when I was learning (and, ok, occasionally I still have float issues - ha) so I think this is a very helpful article for new CSS designers.

css-tricks.com/all-about-floats - Preview

webdesign CSS layout floats

Good basic information, clearly presented, with tips for testing

css-tricks.com/the-css-box-model - Preview

webdesign css layout

Some new bugs to watch out for

edskes.net/verflowandexpandingboxbugs.htm - Preview

webdesign css layout IE8 browsers

Basic explanation of property, uses, quirks and bugs.

css-tricks.com/the-css-overflow-property - Preview

webdesign css layout

A nice reference for how vertical-align works and on which elements it works.

css-tricks.com/what-is-vertical-align - Preview

webdesign css images layout

...a couple of common multi-column fluid-width layout styles that are notoriously quirky with CSS.

css-tricks.com/layout-packs - Preview

webdesign css layout browsers floats elastic

The latest wave of web browsers have pretty decent support for a variety of CSS3 stuff. Particularly Safari 4 and Firefox 3.1. This screencast covers many of the techniques now possible, focusing on the ones that can be used for progressive visual enhancement. Border radius, @font-face, animations/transitions, text-shadow, box-shadow, multiple backgrounds, RGBa, gradients, border image…

css-tricks.com/new-screencast-using-css3 - Preview

webdesign css css3 browsers typography fonts @font-face background color images