Filmstrip Buttons

Monday, November 23rd, 2009

Controlling animated gifs with JavaScript is not possible, but using jQuery the same effect can be accomplished with this “filmstrip” technique.

Making cool Flash-like animated buttons without using Flash has lately become a reality with the JavaScript frameworks like Dojo, Mootools, Prototype and jQuery. A List Apart has a nice article on the subject. But the solutions I’ve seen all limit them to animating a CSS parameter over time. I wanted to take it a step further. (more…)

Horizontal mouseover autoscrolling gallery with Lightbox

Monday, November 16th, 2009

UPDATE: Component has been updated. Get it here.

I recently came in need of a horizontal scrolling image gallery written i JavaScript. The idea was to autoscroll on mouseover. Clicking the thumbnail would open the image in a nice Lightbox. See the example here.

I have worked with JavaScript frameworks like Dojo, Mootools and Prototype, but for this project I decided to give jQuery a go. (more…)

Print background colors

Friday, May 29th, 2009

Can you print web page background colors? Yes, actually you can! Using an unobtrusive javascript it is possible to make background colors appear on paper – if you can accept a few limitations. This is achieved by adding a class to every element that has a background color to be printed. Those element will – with a little help of the Mootools framework – have a <div> added which will have a top and bottom border, that will emulate the background color.

(more…)