Cik atceros, es izmantoju Google Code Prettify, lai sintakses izcelšanu pielietotu CSS-Tricks kodu blokā. Jūs zināt, kur līnijas, piemēram test , tad daļa ir dažādu krāsu, nevis testdaļu. Tas ir ļoti noderīgi koda salasāmībai. Tas arī palīdz lasītājiem uzreiz saprast, ko viņi skatās, ir kodu bloķēšana (cilvēkiem patīk skenēt rakstus, vai jūs nezināt).
Šajā jaunajā dizainā mēs nolemjam tā vietā izmantot svaigi izlaisto Prism.js. Tas ir diezgan mazāks svars un ātrāks. Tas ir arī pielāgots darbam tikai ar HTML, CSS un JavaScript, kas ir 95% no CSS-Tricks koda. Man arī ļoti patīk, kā racionāli tiek nosaukti krāsu nosaukumos izmantotie klases nosaukumi.
Mēs sākam saprast, kā to precīzi izmantot. Pirmkārt, mēs sakām CodeKit, lai šī bibliotēka būtu savienota mūsu globālajā JavaScript failā (kas līdz šim ir tukšs, bet kodu tur rakstīsim vēlāk). Mēs sasaistām saspiesto JavaScript failu mūsu iekļautajā kājenes daļā.
Mums vajag minūti, lai saprastu, ka nekas nav tas, ko jūs “zvanāt”, tas tikai darbojas, pieņemot, ka jums ir pareizi klašu nosaukumi. Mēs pabeidzim, mazliet spēlējoties ar CSS un padarot kodu vairāk līdzīgu CSS-Tricks vienmēr.