960 Grid System
Nathan Smith has launched a CSS framework called the 960 Grid System. The theory is that 960 pixels is a great number for a fixed width site, because it fits nicely onto a 1024px screen and is evenly divisible by 2, 3, 4, 5, 6, 8, 10, 12, 15, 16, 20, 24, 30, 32, 40, 48, 60, 64, 80, 96, 120, 160, 192, 240, 320 and 480. This makes it ideal for splitting into columns for designing grid based layouts. There is a lot to like here. Grid based design is great and if this helps you get started with that, go for it. There are even templates included here for many professional design programs. Personally I don’t like using frameworks like this because there ends up being more that you don’t use that what you do use. Plus you get code with stuff like <div class=”grid_12″> in it, which I find terribly unsemantic. Thanks to Edwin for sending this in!
Create a fading header
Swedish fika has a post on how to create a fading header. They are using jQuery to fade an image into another image as a rollover effect. Very simple and very cool effect, makes me jealous =). Check out the example page.
While we are looking at cool jQuery stuff, check out Flexigrid. This is a table framework for adding some interactivity to otherwise boring tables. I’ve always been a big fan of Alan Grakalic’s Tablecloth, but this is also very cool. It has the ability to “turn on” multiple rows which Tablecloth doesn’t do.
In Non-CSS news, my friend Richard has released a cool addition to Waitable, a bookmarklet. The theory of Waitable is that all products eventually drop in price, so you can add products to your wait list and when the product drops to that price, Waitable will let you know. Now instead of having to go to Waitable to add products to your list, you can just click the bookmarklet while you are on an Amazon.com page, enter the price, and you are done! Pretty sweet way to shop, start marking those Christmas present ideas now =).