CSS Reboot

I’ve decided to take part in CSS Reboot Spring 2006. The reason being that the current design uses tables (please don’t heckle me :)) and it’s about time I designed a web-standards style.

As a matter of fact, I have already created one (screen shot), but it’s just not doing it for me. So, I’m going to start afresh and try to come up with something unique, but simple at the same time.

I just hope that I manage this before May 1st! I better get my skates on :D

The Most Satisfaction?

While I enjoy most aspects of creating a website, the one part I enjoy the most is creating the initial design. I love tinkering about in Photoshop trying different colours, fonts, filters, and the likes.

I always feel good after I’ve completed a new design. I can’t say the same about coding. After I’m done coding a site/page I feel more relief than anything – relief that it’s done. But when I’m designing I’m always enthusiastic or excited. It’s a really nice feeling knowing you’ve created something new… fresh… never seen before.

What part of creating or running a website gives you the most satisfaction (not including the monetary aspect)? Is it creating the design or coding the HTML/CSS afterwards? What about search engine marketing or writing the content?

Automated Style Switcher

With the Christmas period upon us, I got to thinking… wouldn’t it be cool to be able to change the style of your site automatically depending on the time of the year?

Well with PHP it’s easy!

$today = date(′d/m′);
echo "<style type="text/css">";
echo "/*<![CDATA[*/";
if  ($today == ′25/12′)  {
echo "@import url(css/xmas_style.css);";
}  elseif ($today == ′01/01′)  {
echo "@import url(css/newyears_style.css);";
} else {
echo "@import url(css/style.css);";
echo "/*]]>*/";
echo "</style>";

First you assign a value to the $today variable using the date() function.

Then you echo out the beginning of the style tag. Then using a simple if…elseif…else statement you check if the value of the $today variable is equal to a certain date. If so, import the appropriate stylesheet. Finally you need to echo out the end of the style tag.

The code above needs to be placed inside the <head></head> tags in order to work. Also, this will only work properly on sites that have separated presentation from content.

Of course the code above only works on a day-to-day basis. If, for example, you wanted to have an xmas stylesheet be used for the entire month of December you would need to edit the code to check if the day falls between 01/12 – 31/12, but I’ll leave that up to you to figure out :)