*

Sky CSS Tools

Sky CSS Tools

  • Gratuito
  • Para Web
  • Adicionado em 6/8/2009
  • Sky CSS Tools
  • Acessar
    Gratuito

Crie suas folhas de estilo sem precisar escrever o código CSS

Sky CSS Tools

Sky CSS Tools

Sky CSS Tools Versão:
  • Acessar
    Gratuito
    Baixar sem o instalador
Especificações
  • Para: Web
  • Adicionado em: 6/8/2009

Crie suas folhas de estilo sem precisar escrever o código CSS

Publicidade

As folhas de estilo são parte essencial da criação de páginas para a internet. Já há bastante tempo que as tags do HTML que formatavam texto foram deixadas de lado, favorecendo o estilo externo. Além de permitir ajustes durante a criação do site, as folhas de estilo também facilitam – e muito – o redesenho de páginas.

Porém, como a criação desses folhas de estilo é normalmente feita através de códigos, não é raro encontrar estilos mal-formatados, ou mesmo que não funcionam. Para resolver isso, o Sky CSS Tools permite a criação das folhas de estilo sem codificar nada, através de uma interface visual.

Na coluna da esquerda, algumas das entidades do CSS – também conhecidas por Selectors – estão listadas. No seu arquivo, caso seja necessário usar alguma entidade que não esteja presente, basta nomeá-la no campo logo abaixo da lista e acionar o botão Add. Se alguma entidade existente não for utilizada no seu site, basta apagá-la da lista através do botão Remove.

À direita da lista de entidades, um campo de botões coloca a seu alcance as propriedades de cada entidade. Ao acionar cada um deles, o painel logo abaixo dos botões revela as diversas características e os valores relativos a cada propriedade. Todos os campos desse painel são acompanhados de dicas sobre a utilização de cada característica. Dentre as características que podem ser alteradas estão:

 

  • Painel de atributos tipográficos de entidade CSSTipografia (Font): tamanho, cor, família, distorções, espaçamentos, capitalização
  • Texto (Text): decoração, alinhamento, capitalização, indentação, espacejamento, entreletras
  • Cor/Fundo (Color/B.G.): cor de fundo e de frente, repetição de imagem de fundo, fixação da imagem de fundo, posição
  • Listas (List): posição, estilo, imagem de estilo
  • Posicionamento (Placement): posição, distâncias, flutuação, alinhamento vertical
  • Visibilidade (Display): cursor, visualização, visibilidade, Z-index, excesso de texto, margem, recorte
  • Margem (Margins): margens padrão, esquerda, direita, inferior e superior
  • Enchimento (Padding): enchimentos padrão, esquerdo, direito, inferior e superior
  • Dimensão (Dimensions): larguras padrão, máxima e mínima, alturas padrão, máxima e mínima
  • Bordas (Borders): estilos, largura e cor
  • Tabelas (Tables): renderização de bordas, espaçamento, lado de legenda, células vazias, cabeçalhos persistentes, layout de tabela

O último botão do campo direito – CSS Code – irá entregar o código CSS que você compôs. Todas as entidades listadas, e as propriedades definidas para cada uma delas, estarão já formatadas na sintaxe correta para uma visualização precisa do estilo quando relacionado ao HTML do seu site.




Nossa Opinião

Nossa Opinião Acima você conferiu uma descrição completa sobre o Sky CSS Tools e suas funcionalidades, saiba agora o que achamos dele

Apesar de facilitar muito o processo de criação de uma folha de estilos, ao permitir seleções visuais, o uso do Sky CSS Tools é lento. Definir cada entidade e depois aplicar todas as propriedades da mesma leva um tempo considerável. Passear por todos os botões e decidir quais características devem ou não fazer parte do estilo para cada entidade é bastante demorado.

Mesmo assim, principalmente para quem não está acostumado a trabalhar com código, o Sky CSS Tools é uma opção interessante para a composição de folhas de estilo.

ImportantePrós
  • Acaba com a dependência de código, prevenindo erros de sintaxe
  • Pode lembrar o usuário de características importantes que ele porventura tenha esquecido
ImportanteContras
  • Criação da folha de estilo é mais lenta do que em código

Comentários (0)

Nenhuma pessoa comentou este programa, gostaria de ser o primeiro?

Veja outras soluções alternativas

Aproveite e complete a sua experiência

itens

Requerimentos

  • JavaScript
Publicidade


Shopping Baixaki