Most web developers know of Firebug, a plugin for Firefox, that allows you to fine tune your website, and more specifically your CSS files. You can make real time updates to the site’s CSS and see how it changes the layout right before your very eyes. Indeed, very powerful. Well, the Safari browser on both Windows and Mac have this functionality built-in. This is great news for the iOS or OS X developer that wants to know exactly how a particular App will look on a phone or even an iMac.
Turn on the dev tools by going to the Advanced menu in Preferences.
Now you will have a new Developer’s menu at the top of your browser. Get quite familiar with these tools, and they are a life saver when you can’t figure out why a particular item is displaying funny.