Как разделить сжатый CSS?

Question

[dm]

Есть ли способ/сервис автоматически разделить сжатый CSS?

Имею в виду такой код, например: https://htmlacademy.ru/themes/htmlacademy/css/inde...

Периодически находятся какие-то штуки, которые хочется рассмотреть подробней, но разделять вручную это на месяц затянется.

Answer 1

[Serj-One]

Использовать онлайн сервисы из ответа выше - извращение, когда это делается нажатием пары клавиш в редакторе, такие плагины есть для каждого.
Отличный плагин для sublime - https://packagecontrol.io/packages/HTML-CSS-JS%20P...
И, конечно же, это умеют делать инструменты разработчика Chrome.

Comments

[dm]

А для HTML такая штука есть?

[Serj-One]

dmink: Название плагина прочитайте.

[dm]

Serj-One: Точно. Спасибо

[Serj-One]

Михаил Евдокимов: Для css и js лучший - YUI Compressor, для html, именно под редактор - не знаю. Вообще советую минификацию делать плагином для gulp, а не для редактора. Впрочем как и все действия на файлами проекта лучше поручить сборщику.

Answer 2

[Максим Гатилин]

В PHPStorm/Webstorm Ctrl+Alt+L сжатый css преобразует в обычный

Answer 3

[Радмир]

procssor.com

Answer 4

[Григорий]

В F12 Firefox'а тоже можно одним нажатием клавиши такое же сделать.