If you are still using Firefox and Firebug, you really should watch this video. Paul Irish gives you some quick tips to get up and running real fast. I love how the developer tools are baked into Chrome. No downloads or extensions needed.
Sites are popping up all over the place where developers are helping other developers with code examples. Google has provided a way to offer ‘pretty’ code examples on HTML pages. (check out the themes for even nicer code views).
It is worth a look-see.
Here’s a video to show you how it works (I spent 2 hours trying to figure this out and then I found this video and I felt really dumb that it was that easy and I couldn’t figure it out… save yourself two hours and just watch the video by Jeffrey Way).
I was watching a Jeffrey Way video and I noticed his Chrome Developer Tool looked different than mine. It was dark and neat looking like Sublime Text 2. It made me think that you might be able to skin it. I looked online and sure enough you can!
I found this great link and added the custom file it provided (lots of choices… and you can even make your own!) it to my computer’s folder (use the path for the machine you are using):
~/Library/Application\ Support/Google/Chrome/Default/User\ StyleSheets/Custom.css
C:\Users\YourUsername\AppData\Local\Google\Chrome\User Data\Default\User StyleSheets\Custom.css ~Thanks to @VSC
~/.config/chromium/Default/User\ StyleSheets/Custom.css ~Thanks to @Carlos
And now it looks like this!