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

Tags: CSS3

Recent Posts

Признаки качественного хостинга: выбираем с умом

Хостингом называется специальное пространство, предназначенное для хранения файлов веб-сайта. Клиентам доступны разные типы размещения и… Read More

30/09/2020

Как выучить немецкий язык легко и весело? С помощью Beste Freunde!

Немецкий часто считается сложным языком. Да, немецкая лексика имеет «тяжелый» характер. Да, есть действительно очень… Read More

27/09/2020

Отопление и горячая вода – когда нужно, а не когда соизволят включить

Тепло в доме и горячая вода в любое время для многих жителей многоквартирных и частных… Read More

19/09/2020

Инструкция по скачиванию видео с сервиса TikTok (бесплатно и без watermark)

Если вы еще не слышали о TikTok, тогда рекомендуем вам сначала ознакомиться с этим кратким… Read More

17/09/2020

Что есть в бюджетном ноутбуке – на какие характеристики рассчитывать?

Прошли те времена, когда приличный ноутбук стоил от 1000 долларов. Сегодня можно купить довольно неплохой… Read More

16/09/2020

Что лучше – цифровое телевидение Т2 или интернет-телевидение?

Современную жизнь невозможно представить без телевидения. Оно позволяет узнавать о событиях в Украине и мире,… Read More

02/09/2020