Підступна війна росії проти України. Орієнтовні втрати ворога
(станом на 28.05.2022)
30000
осіб
207
літаків
174
гелікоптерів
1330
танків
3258
ББМ
628
артилерія
93
ППО
203
РСЗВ
2226
машин
13
кораблі і катери
Тримайте свій CSS і JavaScript в чистоті

Тримайте свій CSS і JavaScript в чистоті

В сьогоднішній статті ми розглянемо декілька інструментів, за допомогою яких ви зможете краще писати код, а також підтримувати його в робочому стані.

 

Перевірка коду

  • StyleStats: Простий інструмент для збору статистики та аналізу CSS на сайті (наприклад, використовувані шрифти, кольори, селектори та інше).
  • W3C CSS Validation: Перевірте валідацію свого CSS за допомогою цього інструменту.
  • Can I Use: На цьому ресурсі ви знайдете свіжі дані про підтримку різними браузерами та мобільними пристроями певних властивостей CSS, HTML5, SVG і JavaScript.
  • CSS Lint: Цей інструмент шукає помилки в CSS-коді.
  • JS Lint: А цей шукає помилки в JavaScript-коді.

 

Оптимізація коду

  • CSSCSS: аналізує CSS файли і знаходить дубльовані набори правил.
  • Helium: за допомогою цього інструменту ви зможете виявити невикористовувані CSS-стилі на сторінках свого сайту. Інструмент побудований на Javascript і працює в браузері.
  • PurifyCSS – служить для видалення невикористовуваного CSS. Тут докладний урок по роботі з цим інструментом.
  • Refresh-sf: цей інструмент служить для стиснення JavaScript або CSS, що дозволяє зменшити розмір файлів і збільшити швидкість завантаження сайту.
  • JavaScript Minifier: інший онлайн-інструмент для стиснення JavaScript-коду.
  • Closure Compiler Application – утиліта від Google, яка стискає, оптимізує і шукає помилки в JavaScript. Її можна використовувати для об’єднання декількох JavaScript-файлів в один. Утиліта працює через командний рядок, опис процесу тут.

Іноді потрібно стиснений код подивитися в зручному для очей форматі, тоді вам допоможе інструмент jsbeautifier, який вміє працювати з JavaScript, HTML і CSS.

 

 

3 коментаря для запису «Тримайте свій CSS і JavaScript в чистоті»

  1. Олександр

    Для перевірки цілком вистачає w3c валідатора))
    До речі, не підкажете, як Вам курс Охрименко з html5 та css3 ?

    1. ZAnatoly

      В деякий випадках – W3C буде замало.
      А курс Охрименко дійсно цікавий та корисний!

Напишіть тут свою думку/питання

Ваша пошта не публікуватиметься.