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.

Imagine you have an image on your web page. And you want to crop an area from that image and display it with a given size. And you want to do that, without the server having to do the heavy work. Well then, read on, here's a solution.

A border layout manager for HTML/CSS in JavaScript.

Want layouts for desktop like applications running in your browser? Used to layout managers of standard GUI toolkits, e.g Java AWT, Fox, TK? RUZEE.LayoutManager is the right toy for you. Here's an example and a screen shot: