Hello CSS3
April 18th, 2009Yesterday finally inspiration hit me and in four hours I photoshopped and coded a new design for this website. I was messing already a month ago with a new design but I always want too much and to complicated. Then I thought keep graphics to a minimum, keep it simple.
So I did what usually delivers my best design, I started from a photo. I used the sky color for the background, and other hues of blue for the text. Then I tried a contrasting color, I wanted green first but wasn’t real happy with it and then I decided why not yellow. You don’t see a lot of yellow on websites.
For the bold text I went with Courier New, because it is the same font the text of my tattoo is in. And Helvetica for the smaller text. Because Helvetica is cool. And white was just the logical color to go with.
Considering I was keeping graphics at a minimum I still wanted some nice effects, enter CSS3. Here is where CSS3.info came in handy. I know IE7 and lesser don’t support it but I don’t even care for IE6 in connection with my personal website, I leave that headache for work. And people who have IE7 are way more likely to upgrade to IE8.
For the Twitter status and Flickr preview I’m using Garrett Murray’s js_twitter_flickr. He also uses some CSS3 selectors like text-overflow: ellipsis;
Hopefully now with IE8 being released the likes of Dan Cederholm, Andy Budd and Eric Meyer will release books fully dedicated to CSS3. That’s is if they haven’t already, I have to check Amazon for the latest. Meanwhile I’m anciously waiting for A Practical Guide to Designing for the Web to be delivered.
But summing up, after a year and 4 months I have a fresh new design, in my favorite color blue. The Wordpress template is clean and validates. Which I couldn’t say of the previous template.
Thinking about redesigning my weblog this week-end with a bokeh background as starting point.




