Підступна війна росії проти України. Орієнтовні втрати ворога
(станом на 14.12.2024)
761160
осіб
369
літаків
329
гелікоптерів
9539
танків
19675
ББМ
21102
артилерія
1023
ППО
1253
РСЗВ
31217
машин
28
кораблі і катери
Тримайте свій CSS і JavaScript в чистоті
Опубліковано Оновлено: 30.12.2016

Тримайте свій 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 буде замало.
      А курс Охрименко дійсно цікавий та корисний!

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

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


Швидкий доступ по сайту SebWeo
Пригости мене кавою