The Redesign Itch

With the Christmas holidays here and a little bit of time on my hands, I am feeling in the design mood/mode. With the bathroom repair behind me, I am also in the building mood. I don’t know that an overhaul of the JLX site’s CSS would typically fall under *build* but it’s too wet to put my furniture-building plans into effect.

There are several articles discussing CSS3 that are prompting this:

* [24ways](http://24ways.org/) has an article on [making your mockup in mark-up](http://24ways.org/2009/make-your-mockup-in-markup) that repeatedly cites the convenience of CSS3’s ability to use gradients, create highlights and shadows, and to specify fonts as a reason to “design in your browser.” (Much of this is in reference to an overwhelming number of web designers doing their mockup in Photoshop.)
* The author of the “Make Your Mockup in Mark-Up” is [Megan Fisher](http://owltastic.com/) who has a nice site of her own which takes advantage of a number of CSS3’s abilities.
* A lot of designer’s now subscribe to the cult of grids. [Slammer](http://ringce.com/slammer) is a gridding tool that you deploy as an overlay on your Mac — and so it isn’t built into your CSS the way some of the gridding systems are. The interesting thing about Slammer is that it offers you the chance to choose different gridding/design systems: Golden Ratio, Fibonacci, Rule of Thirds, etc.
* One of the cool new things about CSS3 is it’s ability to create alpha effects with color, using the new `rgba` property. It uses the following scheme: `color: rgba(0-255, 0-255, 0-255, 0-1);`.
* Tim Brown has a terrific write-up on how to use [`@font-face`](http://nicewebtype.com/notes/2009/10/30/how-to-use-css-font-face/). He also has a great list of [web design basics](http://nicewebtype.com/notes/getting-started/) that are worth reading either when getting started or reviewing when you feel the need to revisit the basics.