Наскільки я пам’ятаю, я використовував Google Code Prettify, щоб застосувати підсвічування синтаксису до блоку коду на CSS-Tricks. Ви знаєте, де в лінію , як test , то частина іншого кольору , ніж testчастини. Це дуже корисно для читабельності коду. Це також допомагає читачам миттєво зрозуміти, на що вони дивляться, це блок коду (люди люблять сканувати статті, хіба ви не знаєте).
У цьому новому дизайні ми вирішили замість цього щойно випустити Prism.js. Це трохи легша вага і швидше. Він також призначений для роботи лише з HTML, CSS та JavaScript, що становить 95% коду на CSS-Tricks. Мені також дуже подобається, як назви класів, що використовуються для забарвлення, раціонально називаються.
Ми починаємо з'ясовувати, як саме ним користуватися. Перш за все, ми просимо CodeKit об’єднати цю бібліотеку в наш глобальний файл JavaScript (який поки що порожній, але ми будемо писати там код пізніше). Ми зв’язуємо стислий файл JavaScript у включену частину колонтитула.
Нам потрібна хвилина, щоб зрозуміти, що ви нічого не «зателефонуєте», це як би працює, якщо припустити, що у вас є правильні назви класів. Ми закінчуємо тим, що трохи пограємось із CSS і зробимо код більш схожим на те, що завжди є у CSS-Tricks.