Niipalju kui ma mäletan, kasutasin CSS-Tricksi koodiplokil süntaksi esiletõstmise rakendamiseks rakendust Google Code Prettify. Teate, kus sellises joones test on osa teist värvi kui testosa. See on koodi loetavuse jaoks väga kasulik. Samuti aitab see lugejal koheselt mõista, mida nad vaatavad, on koodiblokk (inimestele meeldib artikleid skannida, kas te ei tea).
Selles uues kujunduses otsustame minna hoopis värskelt välja antud Prism.js-iga. See on üsna natuke kergem ja kiirem. Samuti on see kohandatud töötama lihtsalt HTML-i, CSS-i ja JavaScripti abil, mis moodustab 95% CSS-trikkide koodist. Mulle meeldib ka see, kuidas värvimiseks kasutatud klassinimesid ratsionaalselt nimetatakse.
Hakkame välja mõtlema, kuidas seda täpselt kasutada. Kõigepealt käskime CodeKitil liita see teek meie globaalseks JavaScripti failiks (mis on siiani tühi, kuid kirjutame koodi sinna hiljem). Lingime pakendatud JavaScripti faili meie lisatud jalusesse.
Meil kulub minut, et mõista, et pole midagi, mida te “helistate”, see lihtsalt toimib eeldusel, et teil on õiged klassinimed paigas. Lõpuks mängime natuke CSS-iga ringi ja paneme koodi välja nägema rohkem, nagu see CSS-trikkidel alati on olnud.