A HTML-Kit feature I never knew about!

While working on a site in HTML-Kit today I accidentally came across a feature that I really wish I knew about a long time ago.

I was happily coding away (oddly enough) in PHP and had highlighted a few lines of code that I wanted to move. Before I had the chance to move them I accidentally hit the tab button on the keyboard only to see all the highlighted lines get tabbed at once :eek:.

When I code in PHP I always indent the code like so:

if (isset($_POST['submit']))
	// do something
	// do something else

I find it makes the code easier to read and easier to spot if I’m missing any closing brackets, etc.

Sometimes after I have written some code, I decide that I want to enclose it inside another statement or another loop. So I write the new statement or loop and then manually tab each line inside it so the code is formatted the way I like it. I’ve had to manually tab anywhere up to fifthy lines of code before. Not any more :D.

If only I had known about this feature a long time ago. It would have saved me a lot of time and frustration.

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 :)