Pokiaľ si dobre pamätám, použil som Google Code Prettify na zvýraznenie syntaxe v bloku kódu na CSS-Tricks. Viete, že kde v riadku test , je časť inej farby ako testčasť. To je veľmi užitočné pre čitateľnosť kódu. Pomáha tiež čitateľom okamžite pochopiť, na čo sa pozerajú, je blok kódu (ľudia radi skenujú články, neviete).
V tomto novom dizajne sa rozhodneme namiesto toho použiť čerstvo vydaný súbor Prism.js. Je to o dosť ľahšia váha a rýchlejšie. Je tiež prispôsobený tak, aby fungoval iba s formátmi HTML, CSS a JavaScript, čo je 95% kódu v CSS-Tricks. Tiež sa mi celkom páči, ako sú názvy tried použité na vyfarbovanie racionálne pomenované.
Začíname zisťovať, ako presne ho použiť. Najskôr povieme CodeKitu, aby zreťazil túto knižnicu do nášho globálneho súboru JavaScriptu (ktorý je zatiaľ prázdny, ale kód tam napíšeme neskôr). Prepojíme komprimovaný súbor JavaScript v našej priloženej časti päty.
Trvá nám minútu, kým pochopíme, že neexistuje nič, čomu „hovoríte“, ale funguje to len za predpokladu, že máte správne názvy tried. Nakoniec to trochu zahráme s CSS a vytvoríme tak, aby kód vyzeral viac ako vždy na CSS-Tricks.