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.

Enjoy!

About the Author: Sprawl

Stephen Russell is a Mobile App developer and all around IT geek that spends his days running data centers and his nights coding. This site is the go to place for all of zSprawl's work and the infamous development blog. In his free time, he enjoys tinkering with web code, playing video games, and otherwise plotting to take over the Internets.