Slightly ajar

You may have downloaded Kestrel by now, and glanced at the change log, but you may not have tested out its new capabilities. I don't profess to be a JavaScript expert, so I'll leave that to those of you who know better, but I've cooked up some demos of the new CSS and SVG capabilities along with an article explaining them. That article is now ready, so please go and check it out.

For those of you who want to go straight to the examples (some modified from previous demos on this blog), here they are:

• Striped table, without Javascript, using CSS3 selectors and SVG as a CSS background-image. It also uses text-shadow
• Classless flexible drop caps using first-of-type
• Liquid layout using dynamic Media Queries
• Rounded corners combining SVG and border-radius. Allows rounded corners in Opera, Safari and Firefox, without images or JavaScript.

This article and demos have just scratched the surface. There is a lot to look forward to with our new JavaScript engine, improved DOM support, more HTML5 and canvas, and a more complete SVG implementation including partial SVG 1.2 Tiny support, and more. If you've been experimenting with Kestrel and have tried out some of the new features, share your examples and experiences in the comments. Hope you enjoy the article.