Live CSS Editor

Live CSS Editor é uma extensão para navegador Chrome, que permite fazer a edição do seu código CSS dentro de uma caixa de edição, facilitando uma visualização completa e rápida durante o desenvolvimento do seu código, diminuindo o uso de outras ferramentas que precisam salvar o código para abrir o navegador e verificar como está ficando o site.

Uma solução bem prática para aqueles que já trabalham com web-designer, na criação de sites, por ser uma alternativa simples e de fácil utilização. Com essa ferramenta você poderá visualizar seu trabalho sem precisar sair do navegador, podendo visualizar no exato momento no qual digita o código, como está ficando seu trabalho.

Live CSS Editor Online

Clique em nosso botão de download que se encontra nessa página para ser redirecionado para o Chrome Web Store, onde o aplicativo estará disponível para download. Esta extensão está disponível apenas para o navegador Google Chrome, por isso é necessário estar com o navegador aberto para adicioná-la. Clique em Adicionar ao Chrome, espere o arquivo ser baixado. Em seguida, a instalação será realizada automaticamente pelo Chrome que reconhecerá a extensão. 

Usando o Live CSS Editor

Após a instalação da extensão o aplicativo ficará disponível ao lado do endereço do site simbolizado pelo ícone de um lápis e com as letras CSS. Clicando no ícone aparecerá uma caixa de editor com o nome LiveCSSEditor e ao lado 4 pequenas funções do aplicativo para seu uso.

Mude a cor do seu background usando o mesmo código que você usaria no Dreamweaver, ou em outro programa, aumente a fonte dos seus textos, você pode adicionar também algumas caixas que ficam em torno do texto, escolher o tamanho dessas bordas da caixa, bem como o estilo.

Quem trabalha com HTML e CSS sabe a importância que essa ferramenta tem para uma construção de um site, pois o usuário poderá fazer todo o seu código sem ter a necessidade de sair da página. Descrevendo o seu código no espaço em branco em instantes você visualiza como fica o layout da sua página.

Se não gostou da localização do Live CSS Editor você pode mudar de lugar clicando nas setas que ficam localizadas na parte superior direita, ela pode ficar nos 4 (quatro) cantos da sua tela, vale lembrar que o código escrito dentro Live CSS só serve para editar, para modificar efetivamente o css dentro do seu HTML, copie tudo e cole no código HTML original.

Avaliação Zigg

O Live CSS Editor é uma pequena extensão para seu navegador que permite a você editar seu código CSS e visualizar sem precisar sair da tela, ao escrever você já vê as mudanças sendo implementadas diretamente em seu site, sem a necessidade de salvar em outro lugar e voltar para a página para saber como ficou.