My new site design is joining the cool kids by using LiveSearch. But I wanted to go one step cooler - with a few wee HTML extensions, Safari replaces the boring square search box with a curvy one that anti-aliases beautifully into the background.

Without Field Focus

With Field Focus

Here's how you do it: you add non-standard attributes to the input field:

But how to enable this for other browsers, without messing up the Safari rendering..? Read on to find out how.

Garrett spotted and spooled this fantastic CSS layout generator app. Not only is the code extremely high quality, it's amazingly well commented, detailing all the browser hacks it's using.

I'm putting money on me using it to build the replacement templates for this site...

http://www.positioniseverything.net/articles/pie-maker/pagemaker_form.php