Тримайте свій 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.
This post was last modified on 30/12/2016 20:53
Останні пости
Чарльз Дарвін
Виживає не найсильніший і не найрозумніший, а той, хто найкраще пристосовується до змін Чарльз Роберт…
Що таке тег canvas в HTML5 і для чого він потрібен?
Елемент <canvas> з’явився лише в HTML5 і використовується для динамічного малювання графіки на веб-сторінці з…
Що включає в себе чистка ноутбука?
Ноутбук — це не тільки зручний і функціональний ґаджет, а й доволі делікатний пристрій, що…
Аль Пачино
Ніколи нічого нікому не пояснюйте. Все одно кожен зрозуміє так, як йому вигідно Аль Пачино…
View Comments
Для перевірки цілком вистачає w3c валідатора))
До речі, не підкажете, як Вам курс Охрименко з html5 та css3 ?
В деякий випадках - W3C буде замало.
А курс Охрименко дійсно цікавий та корисний!
Дякую:)