Discover cascadingStyle

Safari's New Web Inspector: Really Quite Good

Firefox is my web development platform of choice. The Web Developer toolbar gives us web developers and designers an amazing array of tools, and Firebug gives us not only JavaScript debugging, but also an array of helpful CSS tools, especially tools that will help sniff out traces of the browser's built-in stylesheet (margins remaining on headings and the like, which often confuses beginning web design students who aren't using some kind of browser-style reset.)

In any case, the new Safari Web Inspector, which will not be accessible until you turn on Safari's debug menu, looks to have most of the best qualities of Firebug and Web Developer built in, and enabled the aforementioned debug menu also gets you an Inspect This Element contextual menu item when you right click something, as I am doing with an a tag in the example below.

Bravo Apple! I'm still of the opinion that Safari's Activity Window kills every other solution for debugging issues with loading external data in Flash on the web, and building in a tool like this will make it infinitely easier to debug styling issues in Apple's browser.

(I recently got a new MacBook Pro with Leopard, and this was present. This new feature has been present in WebKit for awhile, but the updated interface is part of the Safari 3.0 release.)