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

Print a specific DIV using an iFrame, CSS and JavaScript

Saturday, April 25th, 2009

Take full control of what elements from a web page you want to print without the annoying pop-up window called “Print-friendly Version”. How? With a hidden iFrame, a CSS stylesheet for print and a little bit of JavaScript.

(more…)