Тримайте свій 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.
Останні пости
Основні критерії при виборі та купівлі телевізора
В цьому огляді ми зібрали основні поради та критерії щодо придбання телевізора, в одному місці,… Читати далі
На що звернути увагу при виборі ліхтарика на батарейках
Ліхтарик на батарейках здатний допомогти у різних ситуаціях, починаючи від походів і закінчуючи аваріями. При… Читати далі
Всебічний огляд Apple Watch Series 9: у чому його відмінності від інших поколінь
Остання презентація американської компанії продемонструвала декілька різноманітних новинок. Зокрема, у середині вересня 2023 року були… Читати далі
Як утеплити дитину на зиму за допомогою хутряних навушників
Голова та вуха – це ті частини тіла, які найбільше потребують тепла взимку. Особливо для… Читати далі
Як відбувається огляд у проктолога при різних захворюваннях і як до нього підготуватися?
Проктологія спеціалізується на лікуванні різних захворювань ануса та прямої кишки. Такі делікатні проблеми викликають біль… Читати далі
Нюанси розміщення меблів на кухні — на що звернути увагу
Облаштовуючи домашній простір, ми завжди намагаємося зробити його якомога затишнішим та функціональнішим. При цьому у… Читати далі