Skip to content

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP
mirror
JavaScript
branch: master

Fetching latest commit…

Cannot retrieve the latest commit at this time

Failed to load latest commit information.
bin
jsdoc
lib
test
web
MANUAL.ru.md
MIT-LICENSE.txt
Makefile
README.md
TODO.md
USAGE
VERSION
package.json

README.md

1. Описание

CSSO (CSS Optimizer) является минимизатором CSS, выполняющим как минимизацию без изменения структуры, так и структурную минимизацию с целью получить как можно меньший текст.

Этот документ является инструкцией по установке и использованию. Если вам нужна детальная инструкция по минимизации, она находится здесь.

Замеченные ошибки лучше добавлять в Issues проекта.

Советы, предложения, отзывы, а также ошибки, которые почему-то лучше выслать письмом, высылайте на адрес skryzhanovsky@ya.ru.

Внимание: проект находится в статусе beta и может содержать недоработки и ошибки. Текущая версия: 1.1.2

Внимание: он и в самом деле содержит недоработки и ошибки, после которых вёрстка ломается.

2. Установка

2.1. Предварительные требования

  • для использования из браузера: любая OS с современным браузером
  • для использования из командной строки: OS Linux / Mac OS X

2.2. Установка с помощью git

Предварительные требования:

Установка:

  • выполнить git clone git@github.com:afelix/csso.git

2.3. Установка с помощью npm

Предварительные требования:

Установка:

  • выполнить npm install csso

3. Использование

3.1. Через браузер (при установке с помощью git)

Открыть в браузере файл web/csso.html.

3.2. Через командную строку

При git-установке запускать bin/csso, но в таком случае потребуется nodejs версии 0.4.x — http://nodejs.org

При npm-установке запускать csso.

Справка командной строки:

csso
    показывает этот текст
csso <имя_файла>
    минимизирует CSS из <имя_файла> и записывает результат в stdout
csso -r <имя_файла>
csso --restructure <имя_файла>
    выключить структурную минимизацию
csso -h
csso --help
    показывает этот текст
csso -v
csso --version
    показывает номер версии CSSO

Пример использования:

$ echo ".test { color: red; color: green }" > test.css
$ csso test.css
.test{color:green}

4. Минимизация (кратко)

Минимизация без изменения структуры:

  • Удаление whitespace
  • Удаление концевых ;
  • Удаление комментариев
  • Удаление неправильных @charset и @import
  • Удаление ошибочных элементов
  • Минимизация цвета
  • Минимизация 0
  • Минимизация margin и padding
  • Слияние многострочных строк в однострочные
  • Минимизация font-weight

Минимизация с изменением структуры:

  • Слияние блоков с одинаковыми селекторами
  • Слияние блоков с одинаковыми свойствами
  • Удаление перекрываемых свойств
  • Удаление повторяющихся селекторов
  • Частичное слияние блоков
  • Частичное разделение блоков

5. Разработчикам

Исходный код CSSO написан на очень простом Javascript. Это позволяет легко портировать CSSO на распространённые языки типа Python, Java, PHP, Perl, C++, C и т.п. Лицензия MIT позволяет вам использовать CSSO так, как вам угодно, но на всякий случай прочтите текст лицензии.

6. Авторы

7. Остальное

Something went wrong with that request. Please try again.