Entries for archive: 2009-01

Found 1 entry.

Playing with CSS

Over the past couple of months, I've implemented a new site in Zaapt. Usually I take a design with HTML and CSS and just use it straight but this time, I wanted to write the HTML and CSS myself.

I first found a theme I liked which had been converted from a WordPress theme to a BlogSpot theme. Then I found the original WordPress theme.

But of course, I wanted to implement it in Zaapt so I converted it to a Zaapt theme. Over the space of a couple of months, it also meant that I added a few extra features to the blog model, which included an archive list as well as a category list. Anyway, that isn't the discussion of this entry.

Doing the Layout in CSS

A little while ago, I stumbled across a site called 960 Grid System and I immediately thought it looked good. It turns out that getting a 2 or 3 column layout is pretty easy and so good I used it on the new site. Then all I had to do was re-implement all the important parts of the WordPress/BlogSpot templates but ignoring all the cruft that goes along with it (Zaapt is nice in that it's templates don't have to be over complex).

Anyway, to take a look at the new site head over to my Personal Finance blog Retire at 40 (over 150 subscribers now). The columns were damn easy to do and the reset.css stylesheet from the 960.gs set means you start all browsers off on the same foot.

Of course, IE is giving me grief in versions 5.5, 6 and 7 (Update: IE 8 actually looks ok) as can be seen by BrowserShots - which by the way, is one funky-ass site but you know, I'm not too worried though but I'd be happy if I could get a solution. Firefox looks just beautiful.

Isn't that always the way?

Labels: retire-at-40, css, zaapt, 960-gs, planet-catalyst

Inserted: 2009-01-08 00:13 (1 year, 6 months ago)