Make Your Code Pretty


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.

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~/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!