Make Your Code Pretty


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).

Custom Skin Chrome Developer Tool

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):

Mac~/Library/Application\ Support/Google/Chrome/Default/User\ StyleSheets/Custom.css

PCC:\Users\YourUsername\AppData\Local\Google\Chrome\User Data\Default\User StyleSheets\Custom.css ~Thanks to @VSC

Ubuntu (Chromium)~/.config/chromium/Default/User\ StyleSheets/Custom.css ~Thanks to @Carlos

And now it looks like this!