Коварная война россии против Украины. Ориентировочные потери врага
(по состоянию на 13.04.2024)
452760
солдат
347
самолетов
325
вертолетов
7169
танков
13745
ББМ
11518
артиллерия
756
ПВО
1045
РСЗО
15396
машин
26
корабли и катера
Держите свой 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.

 

 

Добавить комментарий

Ваш адрес email не будет опубликован. Обязательные поля помечены *