Well, actually I thought ShadedBorder is kind of discontinued (in favor of LiquidCanvas)... But I proofed myself wrong and here it is: The first update for ShadedBorder since 1.5 years!

It fixes the IE8 1px overlap bug reported by Tony and comes with a performance optimization for every browser supported: The ShadedBorder nodes will only be cloned on demand.

Grab version 0.6.2 now at the ShadedBorder project page.

I really love user comments like this one from Kaz van Wel:

I'd like to say I really like your Liquid Canvas script, you really made an invention by putting some scripts together and a wrapper around it to make a cross browser solution to round borders and a lot more possibilities :D. I really think this can change the web like Ajax did around 2006, once people know it exists.

Well Kaz, I think so, too: Let's spread the word! :-)

Kaz also brought my attention to a bug in Liquid Canvas: It was basically impossible to put a "liquid-canvased" element into a container with absolute or relative positioning.

A new version of excanvas has been released yesterday: It now supports IE8. Well, haven't we - ahhm... Liquid Canvas - been waiting for this ;-)

So this is what I did an hour ago: I copied the new version into my Liquid Canvas project and ... surprise it didn't work. After a short debugging session I spotted the problem. It seems that excanvas no longer likes dynamically generated DOM elements with the tag name "canvas" - replacing it with "div" did the trick.

I've just released version 0.1 of Liquid Canvas.

It's a JavaScript library for drawing inside your web page. It works on top of HTML canvas, jQuery and excanvas.

On the Liquid Canvas page you'll find a demo and an example of how it works.

Here's just a teaser take from the basic example:

$(window).load(function() {
  $("#example").liquidCanvas(
    "[shadow border gradient] => roundedRect{radius:50}");
});

Yeah, this beast renders rounded corners with a drop shadow! Harrharrharr!!!

Liquid Canvas is a JavaScript library which allows you to draw inside an HTML canvas element with an easy yet powerful description language.

It can be used to add graphics to your web page without ever touching an image creation tool such as The Gimp, Inkscape or Photoshop.

Check out the Demo and the basic example and then download version 0.3.