Christian Heilmann

You are currently browsing the archives for the Tips & Tricks category.

Archive for the ‘Tips & Tricks’ Category

Are you a recent graduate and do you know about web standards? Want to work for Yahoo UK?

Tuesday, May 23rd, 2006

More job offers from those who sponsor my bills right now:

Quote moi and if you get the job I’ll sponsor the first sandwich.

What APIs/Web Services do you use?

Wednesday, May 17th, 2006

I am starting the final chapter of my book at the moment (yay!) and it is “Using Third Party JavaScript”. In the chapter I will introduce some libraries and services to use and give examples how to do that (quick Google Map, Flickr stuff, using the REST APIs of Yahoo) and I wondered what other services you like using and why? I’d be especially interested in services that provide JSON objects or even code.

Thanks for your input!

Cutting down on loop iterations with labels

Friday, April 28th, 2006

Just a quick reminder that you can drastically cut down on loop iterations by using the break and continue commands, and that there is an option to label loops to allow nested loops to stop their parents from iterating.

The Muffin Man Stuart Colville asked me earlier today how supported labels are in loops and breaks and I was confused at first as I had not heard or – more likely – forgotten about that feature.
(more…)

A DOM scripting enhanced template for Picasa (updated)

Friday, April 28th, 2006

It took me a while to find a tool to put my pictures on the web that does not create horrible HTML code and isn’t clunky to use. Most picture packages have outgrown their usefulness over the years and have become bloated media browsers with proprietary formats.

Then I discovered Google’s Picasa and was instantly taken by its simplicity and slick interface.

I now discovered that you can “Pimp your Picasa” with own templates and created one myself.

You can download the template as a zip and unpack it to the template folder of your Picasa installation (on my PC this is c->Program Files->Picasa2->webtemplates). The template zip contains all the files in a folder called “dompreview”.

To export images, all you need to do is highlight them, press ctrl+w, choose the template and the image size and Picasa will do the rest.

The template features

  • HTML standard compliant output
  • Display of the big images in a layer above the thumbnails instead of a new page if the visitor has JavaScript enabled
  • Normal “new page” display when JavaScript is not available.

You can tweak the styles.css to your needs.

For a demo check the Santorini Picture Gallery .

The only thing I am missing a lot is that you cannot define alternative text for the images in Picasa, or am I missing something?

Update Following several requests, the large picture will now always stay in the visible area when you have to scroll the page, and not stay glued to the top. All you need to replace in already existing galleries in the dynpreview.js file.

Good-Bye Easyletter

Thursday, April 27th, 2006

I just deleted my old PHP script EasyLetter from the server. EasyLetter was meant as an easy way to offer a newsletter for your web site and send out emails. It got some good recognition after once being featured on ScreenSavers, but I chose to discontinue it for several reasons:

  • It is not spam safe and can easily be abused
  • If you want to offer newsletters, get professionals to deal with the sending and data protection – there is just too much to keep up with
  • I don’t have the time to answer problems with people’s server configurations any longer
  • RSS feeds are dead easy to offer and are voluntary, not enforced data

So please don’t bother asking me for support for EasyLetter, I will not be able to answer, sorry. I might make it open source if there is interest, but I am not at all proud of it and email spam is too annoying a subject not to leave it to professionals.