Доколкото си спомням, използвах Google Code Prettify, за да приложа подчертаването на синтаксиса върху кодовия блок на CSS-трикове. Знаеш ли, когато на ред, като test това част е с различен цвят от testчаст. Това е много полезно за четливост на кода. Също така помага на читателите незабавно да разберат това, което гледат, е кодов блок (хората обичат да сканират статии, не знаете ли).
В този нов дизайн решаваме вместо това да използваме прясно пуснатия Prism.js. Това е доста по-малко тегло и по-бързо. Освен това е пригоден да работи само с HTML, CSS и JavaScript, което е 95% от кода на CSS-трикове. Също така ми харесва как имената на класовете, използвани за оцветяване, са рационално именувани.
Започваме да измисляме как точно да го използваме. На първо място, казваме на CodeKit да обедини тази библиотека в нашия глобален JavaScript файл (който засега е празен, но по-късно ще пишем код там). Свързваме компресирания JavaScript файл в включената ни долна част.
Отнема ни минута, за да разберем, че няма нищо, което да „извикате“, а просто работи, ако приемем, че имате правилните имена на класове. Завършваме, като си поиграем малко с CSS и правим кода да изглежда по-скоро както винаги при CSS-трикове.