# 027: Isticanje sintakse koda, 1. dio - CSS-trikovi

Anonim

Koliko se sjećam, koristio sam Google Code Prettify kako bih primijenio isticanje sintakse na blok koda na CSS-trikovima. Znate, gdje u retku kao što test je dio je različite boje od testdijela. Ovo je vrlo korisno za čitljivost koda. Čitateljima također pomaže da odmah shvate da li je kodni blok ono što gledaju (ljudi vole skenirati članke, zar ne znate).

U ovom novom dizajnu odlučili smo se umjesto svježe objavljenog Prism.js-a. Prilično je lakša i brža. Također je prilagođen za rad samo s HTML-om, CSS-om i JavaScript-om, što je 95% koda na CSS-trikovima. Također mi se sviđa kako su nazivi razreda koji se koriste za bojanje racionalno imenovani.

Počinjemo shvaćati kako ga točno koristiti. Prije svega, poručujemo CodeKitu da ovu knjižnicu spoji u našu globalnu JavaScript datoteku (koja je zasad prazna, ali tamo ćemo kasnije pisati kod). Komprimiranu JavaScript datoteku povezujemo u uključeni dio podnožja.

Potrebna nam je minuta da shvatimo da ne postoji nešto što "nazovete", već nekako djeluje pod pretpostavkom da imate ispravna imena razreda. Završavamo malo poigravajući se CSS-om i čineći da kod izgleda više kao uvijek na CSS-trikovima.