Kiek pamenu, „CSS-Tricks“ kodų blokui pritaikyti sintaksės paryškinimą naudojau „Google Code Prettify“. Žinote, kur linijos, kaip test The dalis yra skirtinga spalva nei testdalis. Tai labai naudinga norint suprasti kodą. Tai taip pat padeda skaitytojams akimirksniu suprasti, ko jie žiūri, yra kodų blokas (žmonės mėgsta nuskaityti straipsnius, ar nežinote).
Šiuo nauju dizainu nusprendžiame rinktis ką tik išleistą „Prism.js“. Tai šiek tiek lengvesnis svoris ir greitesnis. Jis taip pat pritaikytas dirbti tik su HTML, CSS ir „JavaScript“, kuris yra 95% CSS-Tricks kodo. Man taip pat labai patinka, kaip racionaliai įvardijami spalvoms naudojami klasių pavadinimai.
Mes pradedame aiškintis, kaip tiksliai jį naudoti. Pirmiausia liepiame „CodeKit“ susieti šią biblioteką į mūsų visuotinį „JavaScript“ failą (kuris kol kas tuščias, bet kodą rašysime vėliau). Susiejame suspaustą „JavaScript“ failą į mūsų pridėtą poraštės dalį.
Užtruksime minutę, kol suprasime, kad nėra nieko, ko jūs „vadinate“, tai tiesiog veikia, darant prielaidą, kad turite teisingus klasių pavadinimus. Mes baigiame šiek tiek pažaisti su CSS ir padaryti kodą panašesnį į visada CSS-Tricks.
