I would eventually do a writeup for my entire design process of coming up with this theme.  That because I think I am having a case of early alzheimer or something.  I can’t remember what I want to do in the next 5 minutes, and I have to resort to use a task manager (Remember the Milk) to remind me of things lately.  So, writing down things is one of the ways trying to improve my crappy memory, and jogging down the process helps me to understand how I came up with certain things and hopefully improve the process later on.  The inspiration for this design came from a book just laying around that got me going.  Besides that, I would like to thank my boyfriend Danny and my bro Wil (JavaJunky) for feedback.

Lastly, an interesting note during the theme building process is that IE7 as everyone knows has 1 or 2 pixels difference between Firefox.  When I tried to add the + sign background images to the lists, it was a big pain and very annoying.  No matter what I did, IE7 seems to be 1 pixel up higher or 1 pixel lower.  Eventually, I added line-height to the text in ratio font of 8pt : 13pt line-height, so 9pt : 14pt and so on… That seems to fix the problem completely.  The problem is that the height of the text are rendered differently from the two browsers.  So, when you CSS-ing fonts and texts, don’t forget to add line-height.  It will save you lots of headaches.

Well, hope you like this new theme.  Feedback are greatly appreciated!

Note: I have not tested this theme on IE6 yet.  I’m focusing on the two newer browsers.  I’ll fix it up for IE6 next week.

Update: 7/28

Well, good news is IE6 now behaves nicely with only 3 lines of CSS fix.  Before it was just messing up the header, the rest of the content seems to be fine.  The only thing I don’t really care to fix is the PNG backgrounds – IE6 should be burn anyways.

And have to give IE Tester credit for getting this done quickly.  I was thinking of installing a virtual server using VMWare’s Virtual Server, but with IE Tester which supports from IE5-8, don’t need to do that.  So big kudos to IE Tester.

No related posts.