CSSED - Aplicativo para verificação e criação de arquivos de estilo
Colaboração: Rubens Queiroz de Almeida
Data de Publicação: 27 de março de 2012
O meu conhecimento de CSS é, para dizer o mínimo, macarrônico. Sempre que
preciso fazer alguma mudança estética em meus sites, eu uso, é claro, o
Google. Mas este é um processo demorado e muito propenso a erros. Como é
mesmo a diretiva para definir a cor do fonte? font-color ou só color?
Bom, certamente, alguém já teve um problema parecido. Usando então dos recursos
de consulta a pacotes de software do Debian/Ubuntu, fiz a seguinte consulta:
apt-cache search css
Foram 192 linhas de resultados, mas no meio de tanta coisa, encontrei algo
que chamou minha atenção:
cssed - graphical CSS editor
Ainda não domino completamente o aplicativo, mas ele traz algo que está me ajudando
muito, a sintaxe das diretivas css.
 |
| Clique na figura para ampliar |
Na figura acima, no painel da direita, temos as diretivas css existentes. A diretiva
padding-left, ou acolchoamento à esquerda, está aberta, exibindo as opções
disponíveis (percentage-length e inherit). Ao clicar duas vezes sobre a diretiva
percentage-length temos o quadro abaixo, que nos permite inserir um valor:
|
| Clique na figura para ampliar |
Digitamos o valor, no caso, "10" e em seguida clicamos em ok. Vemos então,
que no painel da esquerda, aparece a diretiva css correspondente com o valor
que acabamos de especificar.
|
| Clique na figura para ampliar |
Mas não é só isto. Podemos carregar um arquivo de estilo existente e fazer a
verificação da sintaxe e sua edição.
|
| Clique na figura para ampliar |
Podemos ver no topo o ícone em que devemos clicar para fazer a verificação
da sintaxe do arquivo que carregamos. Ao efetivar esta verificação, no painel
da esquerda,podemos ver, em vermelho, os itens que estão incorretos:
|
| Clique na figura para ampliar |
Neste caso, temos que a diretiva:
font-color=white;
está incorreta. O certo seria:
font-color:white;
Um erro muito comum, pois tendemos a usar o sinal de igual para expressar
equivalência. Mesmo depois de muitos anos ainda cometo este erro.
Ainda tenho que aprender muitas coisas sobre o CSSED, mas o pouco que já descobri
já está me ajudando bastante.
Opinião dos Leitores
Jose Carlos Moraes
29 Ago 2012, 10:53
Dica bem organizada e boa. Cssed, bom também para quem quer aprender CSS!