Онлайн css-минификатор без багов?
Посоветуйте сайт, где можно минифицировать css-код. Проверил десятка два с первых страниц гугла - абсолютно все кривые
Дополнительно:
а зачем онлайн и что подразумевается под минификацией? и что подразумевается под кривостью?
Под минификацией я подразумеваю удаление пробелов, переноса строк и последней точки с запятой.
Что подразумевается под кривостью - преобразование кода в процессе минификации с рабочего в не валидный.
Проверил десятка два с первых страниц гугла - абсолютно все кривые
Тут начинаются подозрения, что может быть дело не в них?..
.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 {} } } |
.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 {} } }
Вы просите минифицировать код. Что делает сервис: убирает пробелы, последние точки с запятой, пустые селекторы.
Итого: дело не в них, а в вашем коде.
Когда они полностью вырезают часть с @supports {} или значение border-width в примере выше, это по вашему проблема в моем коде?
spoiler
Касательно утверждения, что остальные сайты тоже правильно минифицируют - чтобы не быть голословным, результат работы первых трех сайтов из гугл выдачи. В остальных схожая ситуация
toptal.com
border: min(1px, 1px + 1vw) solid #fff; /* => border:solid #fff; */ |
border: min(1px, 1px + 1vw) solid #fff; /* => border:solid #fff; */
codebeautify.org
width: min(1px, 1px + 1vw) /* => width: min(1px, 1px 1vw); */ |
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 */ |
width: min(1px, 1px + 1vw); /* => width:min(1px,1px+1vw); */ transition-delay: 0s; /* => transition-delay:0 */
Но зачем?
Ответы:
Почему бы webpack или gulp не настроить для это цели?
Можно вот этот, проверил, вроде все ок.
https://www.toptal.com/developers/cssminifier
Опишите проблему, и специалист поможет с настройкой, исправлением ошибки или доработкой сайта. Подберём понятный план работ без лишней переписки.
Пока нет других ответов. Будьте первым, кто поможет автору.
Ответить на вопрос


Для минификации CSS кода онлайн без багов, вы можете использовать различные инструменты, такие как CSS Minifier, CSS Minify, CSS Minifier Online и другие.
Однако, если вы хотите использовать PHP для минификации CSS кода, вам нужно будет написать свою собственную функцию. Вот пример кода на PHP, который может помочь вам минифицировать CSS:
function minify_css($input) { if (trim($input) === "") return $input; return preg_replace( array( '/\s+/', // пробелы, табуляции, переносы строк '/\/\*.*?\*\//', // комментарии '/\s*([:;{}])\s*/', // пробелы перед и после символов ), array( ' ', '', '\1', ), $input ); } $css = " body { color: #333; font-size: 16px; } .container { width: 100%; margin: 0 auto; } "; $minified_css = minify_css($css); echo $minified_css;
Этот код определяет функцию `minify_css`, которая принимает входную CSS строку и возвращает ее минифицированную версию. Затем определяется пример CSS кода в переменной `$css` и он минифицируется с помощью этой функции.
Вы можете использовать этот пример кода в своем проекте или на своем сервере, чтобы минифицировать CSS код. Не забудьте также проверить результат и убедиться, что он соответствует вашим ожиданиям.