Как сжать/оптимизировать CSS?

Question

[Gnifajio None]

Дисклеймер: в сфере WEB я новичок, не ругайте.

Пришла в голову мысль, что я зачастую пишу CSS не эффективно, условно так:

.c {
    a: b;
}
.c {
    b: c;
}

А потом хочется из этого месива получить нечто вроде:

.c {
    a: b;
    b: c;
}

Есть для этого какие-то готовые инструменты? Или самому лучше написать?

Comments

[twobomb]

Помоему сейчас уже все верстальщики пишут на препроцессорах и явно на ксс уже никто не пишет, хотя хз нужно спросить верстальщиков.

[Ankhena]

Любой, кто придет после вас в такой код, будет благодарен, если и в исходниках стили одного элемента будут в одном месте. И их media тоже.

[Gnifajio None]

Ankhena, вот вот. Да и самому удобней

[Ankhena]

Gnifajio None, так и пишите сразу нормально

[Gnifajio None]

Ankhena, когда кода много - становится трудно найти куда ты засунул тот или иной стиль. Мне во всяком случае. Но повторюсь, я в WEB новокек, особо не смыслю что говорю и что делаю.

[Ankhena]

Gnifajio None, обычно используют препроцессоры и/или сборку и разбивают файлы по блокам (см., например, БЭМ).

Answer 1

[Вадим]

css.github.io/csso

Comments

[Gnifajio None]

Благодарю

Answer 2

[Михаил Лялин]

Code Beautifier: CSS Formatter and Optimiser