Så vidt jeg kan huske, brugte jeg Google Code Prettify til at anvende syntaksfremhævningen på kodeblok på CSS-Tricks. Du ved, hvor i en linje som test , delen er i en anden farve end testdelen. Dette er meget nyttigt for kodelæsbarhed. Det hjælper også læsere med det samme at forstå, hvad de ser på, er en kodeblok (folk kan lide at scanne artikler, ved du ikke).
I dette nye design beslutter vi at gå med det nyligt udgivne Prism.js i stedet. Det er ret lidt lettere og hurtigere. Det er også skræddersyet til kun at arbejde med HTML, CSS og JavaScript, som er 95% af koden på CSS-tricks. Jeg kan også godt lide, hvordan klassenavne, der bruges til farvning, er rationelt navngivet.
Vi begynder at finde ud af, hvordan vi nøjagtigt skal bruge det. Først og fremmest beder vi CodeKit om at sammenkæde dette bibliotek i vores globale JavaScript-fil (som indtil videre er tom, men vi skriver kode der senere). Vi forbinder den komprimerede JavaScript-fil i vores inkluderede sidefoddel.
Det tager os et øjeblik at forstå, at der ikke er noget, du ”kalder”, det fungerer bare, forudsat at du har de rigtige klassenavne på plads. Vi slutter med at lege lidt med CSS og få koden til at se mere ud som den altid har på CSS-Tricks.