Держите свой 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.