- - XEO CSS: Editor de HTML, Editor Visual e Gerador de Código Automático para CSS

XEO CSS: editor de HTML, editor visual e gerador de código automático para CSS

Existem vários geradores de código CSS que permitemvocê pode adicionar efeitos a imagens, texto ou elementos. Esses geradores de código são o que são e fornecem apenas o código CSS. Poucos deles permitem que você escolha como deseja carregar o CSS no seu arquivo HTML. O que eles deixam para você é criar o arquivo HTML e definir classes nele manualmente. CSS XEO é um gerador de código CSS e um editor de HTML. Ele cria um arquivo HTML e oferece a opção de carregar classes do HTML, IDs do HTML para incrementar os nomes dele. Alterações no CSS são feitas através de um editor visual e há pouca ou nenhuma codificação envolvida. Você pode salvar vários arquivos, inscrevendo-se no serviço e continuar editando-os a qualquer momento.

Você não precisa necessariamente se inscrever para umaconta, você poderá usar todos os recursos do aplicativo sem se inscrever, mas não poderá salvar arquivos. Quando você usa o aplicativo pela primeira vez, ele mostra uma visualização de página HTML de maquete. Tudo, desde a fonte, a cor do plano de fundo até a sombra projetada, pode ser editado.

XeoCSS

Você pode começar editando o arquivo HTMLou o arquivo CSS. Ambos são editados e salvos separadamente; ao fazer alterações de CSS, clique no botão Salvar. O arquivo CSS é salvo quando você está em Pré-visualização modo. Clique no botão Salvar em Editor de HTML para salvar as alterações no arquivo HTML.

Com o modelo HTML carregado por padrão,também há um arquivo CSS e todas as classes no arquivo são listadas em um painel à esquerda. Você pode adicionar ou remover qualquer uma dessas classes. Para adicionar uma classe, clique no sinal de mais e comece a digitar o nome da classe. Para excluir uma classe, selecione-a e clique no sinal de menos.

Seletores XeoCSS

A barra de navegação superior permite alternar entre o editor de HTML, o código CSS, o editor CSS e o modo de visualização.

Ferramentas XeoCSS

Para editar CSS para um seletor específico, selecione-ono painel esquerdo e clique em CSS Editor na barra de navegação superior. Um editor visual será aberto, permitindo editar o plano de fundo, tipografia (texto), dimensões, layouts, transformações, bordas e transições. O editor permite editar atributos definidos por CSS que você normalmente teria que codificar.

Editor visual do XeoCSS

Se você optar por adicionar um novo seletor, poderá usar esse mesmo editor para definir seus atributos e aplicar a classe onde quiser, editando o arquivo HTML. Clique Salve  após alterações em HTML ou CSS. A função de salvar possui algumas falhas e, enquanto seu arquivo CSS está sempre salvo, o arquivo HTML pode não estar certo; portanto, sempre copie o código das respectivas visualizações de código HTML e CSS.

Visite o XEO CSS

Comentários