Make Your Code Pretty

Google-Code-Prettify

Sites are pop­ping up all over the place where devel­op­ers are help­ing other devel­op­ers with code exam­ples. Google has pro­vided a way to offer ‘pretty’ code exam­ples on HTML pages. (check out the themes for even nicer code views).

It is worth a look-see.

http://code.google.com/p/google-code-prettify/

Here’s a video to show you how it works (I spent 2 hours try­ing to fig­ure this out and then I found this video and I felt really dumb that it was that easy and I couldn’t fig­ure it out… save your­self two hours and just watch the video by Jef­frey Way).

Custom Skin Chrome Developer Tool

I was watch­ing a Jef­frey Way video and I noticed his Chrome Devel­oper Tool looked dif­fer­ent than mine. It was dark and neat look­ing like Sub­lime 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 cus­tom file it pro­vided (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

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

PC

1
C:\Users\YourUsername\AppData\Local\Google\Chrome\User Data\Default\User StyleSheets\Custom.css

 ~Thanks to @VSC

Ubuntu (Chromium)

1
~/.config/chromium/Default/User\ StyleSheets/Custom.css

 ~Thanks to @Carlos

And now it looks like this!