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

Creating HTML emails – 30 guidelines

Thursday, May 7th, 2009

Creating a HTML email template is like taking a trip back to the 90′s, where web standards were an unknown concept and table layout was the way to do things. I’ve boiled down my experiences into 42 bulletpoints, that can help avoid unexpected results.

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

Override the image tag’s ancient align parameter with CSS

Tuesday, April 21st, 2009

I recently came across the task to re-design a web site written in HTML from the last millenium. Having absolutely no control over the HTML which was generated by some pre-historic ASP code, the only option was the intensive usage of CSS. I found tags and parameters in there I didn’t even know existed! (more…)

The ultimate way to address IE in CSS

Friday, February 13th, 2009

Wouldn’t it be nice to be able to address IE in different versions with just a prefix in css, without hacks and multiple stylesheets.

(more…)