Safari 3.1 has just been released and besides the partial CSS3 (fonts) and partial HTML5 (media tags, off-line storage) support there are some new developer tools included.
Safari has had a hidden Debug menu for some time and WebKit featured developer tools but with 3.1 Apple have unleashed them to the masses.

Head into Preferences > Advanced and choose Show Develop menu in menu bar to get this new Develop menu.

It includes:

• Open Page With (Internet Explorer, Firefox 2/3, Camino, MobileSafari etc.)
• User Agent switching
• Show Web Inspector (inspect element)
• Show Error Console (including HTML errors)
• Show Network Timeline (like Firebug's network view)
• Show Snippet Editor
• Disable Caches/Images/Styles
• Disable JavaScript/Runaway JavaScript Timer/Site-specific hacks

Here's the Network Timeline in action on OS X:

There are some odd drawing issues within the snippet editor and inspecting from the inspector on Windows but with this, Firebug and Internet Explorer 8's Developer Tools we're spoilt for choice!

[)amien
_{And no, it doesn't pass the rather abstract Acid3 test}

My Humane theme for Visual Studio is getting a fair bit of traffic today courtesy of Scott Hanselman. Given I have been messing with Mac development lately I thought it was worth porting to TextMate and Xcode 3.

Panic Sans coding font

My Envy Code R programming font isn't great on the Mac yet so I have configured these to use the excellent but overlooked Panic Sans in 12 point which unlike Monaco is available in bold, italic and bold italic variants. (I love my comments to be italics)

To install this font you must:

1. Download Panic Software's Coda application
2. Navigate to the Coda application and choose Show Package Contents
3. Navigate to the Contents/Resources folder
4. Double click on the Panic Sans.dfont and press Install Font
5. Panic Sans is now available to other applications too

TextMate

Download Humane theme for TextMate (5 KB)

Launching the downloaded .tmTheme file will cause it to copy to ~/Library/Application Support/TextMate/Themes
Select Humane from the Preferences > Fonts & Colors pane in the drop-down list box

Xcode 3

Download Humane theme for Xcode (4 KB)

Copy to ~/Library/Application Support/Xcode/Color Themes
Select Humane from the Preferences > Fonts & Colors pane in the drop-down list box

Porting themes

Until somebody comes up with an IDE-independent theme format or cool converter we'll have to do it by hand. The easiest way I have found is:

1. Install Hex Color Picker on the Mac to allow entering hex into the standard color picker
2. Open the Visual Studio theme .vssettings file in a text editor
3. Open up the Fonts & Colors preferences pane up in your Mac IDE
4. Go through each one and choose the nearest match in the .vssettings
5. Transcribe each color by reading the VS colour pairs backward, e.g. 00631409 becomes #091463

[)amien