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

 

Recent Posts

Уильям Шекспир

Грехи других судить вы так усердно рветесь, начните со своих и до чужих не доберетесь… Read More

18/04/2021

Что подарить друзьям на годовщину свадьбы

Люди, между которыми есть любовь и взаимопонимание, скрепляют отношения и зарождают новый союз, а дату… Read More

13/04/2021

Авторитетность домена и его влияние на SEO продвижение сайта

Для качественного SEO (поисковой оптимизации, раскрутки сайта) одним из важных показателей является Авторитет домена (Domain… Read More

27/03/2021

Как вывести деньги из PayPal – основные способы

Выяснение того, как вывести свои деньги с PayPal, является одним из первых вопросов, которыми озадачивается… Read More

26/03/2021

Как выбрать юбку под свою фигуру на LeBoutique

Юбка – мощный элемент женского гардероба, благодаря которому любой наряд будет выглядеть потрясающе стильно и… Read More

25/03/2021

Основные методы линкбилдинга: как получить качественные внешние ссылки на сайт

Поисковые системы (например, Google) проверяют технические характеристики вашего сайта, такие как скорость загрузки, удобство навигации,… Read More

24/03/2021