Sitemason

Webkit is the open source browser engine behind Safari, Google Chrome, Apple Mail, the iPhone, Google Android, Palm Pre, and possibly new Blackberries. The latest version of Webkit is available as a special version of Safari at webkit.org. Aside from just being able to try out the very latest features, like CSS masks, CSS transitions and animation, CSS 3D transforms, and WebGL, the Webkit Inspector has become one of the slickest and best tools for web developers for debugging HTML, CSS, and Javascript. As of yesterday, it just got even better. You can read the full posting about it, which is pretty long, or use the links below to jump to the section you're interested in.

With the new Webkit Inspector, it is a whole lot easier to edit HTML, CSS, and colors on the fly and see immediate results. If you ever do anything advanced with Javascript, the new event listener section, improved breakpoints, and AJAX debugger are invaluable. There are other minor updates, like syntax coloring on CSS and embedded Javascript and CSS; it only did HTML and standalone Javascript before. The resource loading timeline and console have also been improved.