CleanCSS

Tela Software:
CleanCSS
Detalhes de Software:
Versão: 1.4
Data de upload: 11 May 15
Licença: Livre
Popularidade: 2

Rating: nan/5 (Total Votes: 0)

CleanCSS é uma linguagem Python simples para CSS inspirado por CleverCSS mas mais simples e com recursos menos obstrutivas.
Por
Eu realmente gostei da idéia por trás CleverCSS mas quando usado em produção, percebi que eu estava tentando ficar longe de seu analisador por escapar cordas e propriedades CSS não suportadas demasiado frequentemente. Usando prefixos de fornecedores como -webkit-gradiente e valores como rgba resultou em uma CSS confuso, então eu decidi escrever meu próprio analisador para uma sintaxe semelhante sem todas as características complexas que não usam qualquer maneira e agora funciona bem para mim em sites modernos real.
Exemplos sintaxe
Eu estou indo para manter os exemplos CleverCSS sempre que possível uma vez que a sintaxe é muito similar.
Um pequeno exemplo abaixo. Observe a sintaxe baseada recuo e como você pode regras ninho:
#header, #footer:
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; margin: 0
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; padding: 0
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; Fonte->
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; family: Verdana, sans-serif
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; size: .9em
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; li:
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; padding: 0.4em
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; margin: 0.8em 0.8em 0
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; h3:
                        font-size: 1.2em
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; P:
                        padding: 0.3em
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; p.meta:
                        text-align: right
                        color: #ddd
Claro que você pode fazer a mesma em CSS, mas por causa de sua natureza plana do código ficaria mais detalhado. O seguinte trecho de código é a saída CleanCSS do arquivo acima:
#header, #footer {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; margin: 0;
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; padding: 0;
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; font-family: Verdana, sans-serif
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; font-size: .9em
}
li #header,
#footer li {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; padding: 0.4em;
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; margin: 0.8em 0.8em 0;
}
#header h3 li,
#footer li h3 {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; font-size: 1.2em;
}
#header li p,
#footer li p {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; padding: 0.3em;
}
#header p.meta li,
#footer li p.meta {
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; text-align: right;
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; color: #dddddd;
}
uso da biblioteca
Importe o módulo cleancss e chamar a função de conversão () com um objeto como arquivo.
Exemplo:
cleancss importação
com open ('file.css') como f:
& Nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; & nbsp; cleancss.convert impressão (f)
uso de linha de comando
Chame o cleancss.py sem parâmetros para exibir as instruções de uso. Passar qualquer número de arquivos a cleancss.py eo script vai converter os arquivos para CSS e imprimir o resultado para o console.
Exemplo:
cleancss.py file.css> result.css

Requisitos :

  • Python

Outro software de desenvolvedor Massimiliano Torromeo

SQLAntaresia
SQLAntaresia

14 Apr 15

IOSSHy
IOSSHy

12 May 15

CdFly
CdFly

3 Jun 15

Comentário para CleanCSS

Comentários não encontrado
Adicionar comentário
Ligue imagens!