Онлайн css-минификатор без багов?

Question

[leeroyjenkins176]

Посоветуйте сайт, где можно минифицировать css-код. Проверил десятка два с первых страниц гугла - абсолютно все кривые

Comments

[Антон Антон]

а зачем онлайн и что подразумевается под минификацией? и что подразумевается под кривостью?

[leeroyjenkins176]

Антон Антон, Иногда возникает необходимость быстро минифицировать часть стилей без развертывания проекта с gulp или ему подобным.
Под минификацией я подразумеваю удаление пробелов, переноса строк и последней точки с запятой.
Что подразумевается под кривостью - преобразование кода в процессе минификации с рабочего в не валидный.

[Владислав Лысков]

leeroyjenkins176, сто лет назад использовал первый попавшйися по запроасу css minifier, ни один из них не был кривым

[Ankhena]

Проверил десятка два с первых страниц гугла - абсолютно все кривые

Тут начинаются подозрения, что может быть дело не в них?..

[leeroyjenkins176]

Ankhena, чтобы развеять подозрения

.x {
    width: min(1px, 1px + 1vw);
    border: min(1px, 1px + 1vw) solid #fff;
    transition-delay: 0s;
}
@supports (font-size: 1px) {
    @media (min-width: 1px) {
        .x {}
    }
}

[Ankhena]

leeroyjenkins176, действительно кривые минификаторы (сарказм).

Вы просите минифицировать код. Что делает сервис: убирает пробелы, последние точки с запятой, пустые селекторы.

Итого: дело не в них, а в вашем коде.

[leeroyjenkins176]

Ankhena, эти сервисы специально написаны для обработки css-кода, а не рандомного текста. И они должны сделовать определенным правилам.
Когда они полностью вырезают часть с @supports {} или значение border-width в примере выше, это по вашему проблема в моем коде?

[Ankhena]

leeroyjenkins176, да, они им и следуют. Удаляют селекторы в которых нет свойств.

spoiler

[leeroyjenkins176]

Ankhena, нашел сайт со скрина. Это первый, который вроде как со всем справился.
Касательно утверждения, что остальные сайты тоже правильно минифицируют - чтобы не быть голословным, результат работы первых трех сайтов из гугл выдачи. В остальных схожая ситуация
toptal.com

border: min(1px, 1px + 1vw) solid #fff; /* => border:solid #fff; */

codebeautify.org

width: min(1px, 1px + 1vw) /* => width: min(1px, 1px 1vw); */

freeformatter.com

width: min(1px, 1px + 1vw); /* => width:min(1px,1px+1vw); */
transition-delay: 0s; /* => transition-delay:0 */

[Ankhena]

leeroyjenkins176, Вы знаете, тот, который я показала, был первым попавшимся в который я тыкнула. На первой странице Яндекса.

[Lynn «Кофеман»]

> Иногда возникает необходимость быстро минифицировать часть стилей

Но зачем?

Answer 1

[Антон Романков]

Почему бы webpack или gulp не настроить для это цели?

Можно вот этот, проверил, вроде все ок.
https://www.toptal.com/developers/cssminifier