...more recent posts
Cool, slightly depressing, and thoroughly comprehensive tables highlighting the readiness of major browsers to correctly handle advanced web techniques from PNG alpha transparency to all the fancy CSS3 stuff. That must have been a ton of work to put together. Just glancing at the page is a pretty damming indictment of Internet Explorer.
Check out the final table for the grand scorecard for each browser. Note that Chrome has an advantage in the "Past" category since it's a brand new browser with no past. Otherwise Safari has a slight lead over Firefox and Chrome although they all do pretty well. Opera does okay and IE sucks.
Cross browser javascript vector graphics library:
Raphaël is a small JavaScript library that should simplify your work with vector graphics on the web. If you want to create your own specific chart or image crop and rotate widget, for example, you can achieve it simply and easily with this library.I like the js syntax - pretty intuitive:
Raphaël uses the SVG W3C Recommendation and VML (mostly equivalent Internet Explorer implementation) as a base for creatinggraphics. This means every graphical object you create is also a DOM object, so you can attach JavaScript event handlers or modify them later. Raphaël’s goal is to provide an adapter that will make drawing vectorart (similar to Flash) compatible cross-browser and easy.
Raphaël currently supports Firefox 3.0+, Safari 3.0+, Opera 9.5+ and Internet Explorer 6.0+.
// Creates canvas 320 × 200 at 10, 50Check the demos, they're pretty nice looking.
var paper = Raphael(10, 50, 320, 200);
// Creates circle at x = 50, y = 40, with radius 10
var circle = paper.circle(50, 40, 10);
// Sets the fill attribute of the circle to red (#f00)
circle.attr("fill", "#f00");
// Sets the stroke attribute of the circle to white (#fff)
circle.attr("stroke", "#fff");