Kolikor se spomnim, sem uporabil Google Code Prettify, da sem uporabil poudarjanje sintakse na bloku kode v CSS-Tricks. Veste, kjer je v vrstici, kot je test , del drugačne barve kot testdel. To je zelo koristno za berljivost kode. Bralcem pomaga tudi, da takoj razumejo, kaj gledajo, je kodni blok (ljudje radi skenirajo članke, ali ne veste).
V tem novem dizajnu smo se odločili, da namesto tega uporabimo sveže izdani Prism.js. Je precej lažji in hitrejši. Prav tako je prilagojen za delo samo s HTML, CSS in JavaScript, kar je 95% kode v CSS-trikih. Všeč mi je tudi, kako so imena razredov, ki se uporabljajo za barvanje, racionalno poimenovana.
Začnemo ugotavljati, kako natančno ga uporabiti. Najprej povemo CodeKitu, da to knjižnico poveže v našo globalno datoteko JavaScript (ki je zaenkrat prazna, vendar bomo kodo tam pisali kasneje). Stisnjeno datoteko JavaScript povežemo v vključeni del noge.
Vzela nam bo minuto časa, da bomo razumeli, da ničesar ne "pokličete", ampak nekako deluje ob predpostavki, da imate na mestu pravilna imena razredov. Končamo tako, da se malo poigramo s CSS-jem in naredimo kodo bolj podobno kot vedno na CSS-Tricks.