Editor de HTML5 em tempo real

Publicado por Perfil removido em 15/12/2011

[ Hits: 12.223 ]

0 0

Denuncie Favoritos Indicar Impressora

Editor de HTML5 em tempo real

Estou aprendendo a criar algumas animações com HTML5 e me surgiu a necessidade de um programa onde pudesse visualizar aquilo que estou desenhando (seja em objetos 2D, onde está minha fase atual de estudos, ou objetos 3D).

Então pensei: Isto é perfeitamente possível de se fazer utilizando apenas o próprio HTML5. Então botei a mão na massa!

O editor está atualmente neste link:

http://fretsonfire.x10.mx/projetos/html5_editor

Basta digitar o código na caixa de cima e todo o conteúdo do seu código será representado graficamente na caixa de baixo, em tempo real. Creio que não seja necessário nenhum 'manual' para usá-lo, certo? hehe.

O editor é compatível com todos os elementos do HTML5, Canvas e WebGL.

Há um código de exemplo no site para que possam ver o editor em funcionamento.

Bons estudos.

Outras dicas deste autor

Um computador caseiro feito à mão

Exodus Desktop Beta

Conexão de rede cabeada no Gnome com Avahi

Montando leitor de cartões de câmeras fotográficas no Slackware 10.2

Verificando se algum parâmetro foi passado via GET para uma página PHP sem precisar testar um a um

Leitura recomendada

Netflix no Firefox (Debian) - Error: Request mediaKeySystem access rejected: EME has been preffed off [Resolvido]

Criando variáveis dinamicamente com Javascript

Programação orientada à objetos em JavaScript

Como ajustar o tamanho do iframe pelo tamanho da tela e mudar o target de uma página depois dela aberta

Fullscreen com jQuery e CSS

Comentários

[1] Comentário enviado por gugahb em 15/12/2011 - 10:55h

Muito boa a dica ... compartilhado !!!

0 0

[2] Comentário enviado por akirabra em 15/12/2011 - 11:04h

Bom trabalho parabéns. Fiz alguns testes meu pareceu uma ideia muito promissora.
Também gostei da sua mensagem de página não encontrada (rsrsrsrs).

0 0

[3] Comentário enviado por albfneto em 15/12/2011 - 11:25h

Muito boa dica, eu uso editor HTML. Favoritado.

0 0

[4] Comentário enviado por vicente386 em 15/12/2011 - 12:29h

não funciona no Google Chrome.

0 0

[5] Comentário enviado por removido em 15/12/2011 - 13:02h

Agradeço os comentários pessoal. Sobre o Google Chrome, vou verificar.

0 0

[6] Comentário enviado por maxwellz em 15/12/2011 - 13:33h

Compatibilidade com Chrome
Linha 189 na Função atualiza()
var d = frameDinamica.document;
Troca por:
var d = window.frames['frameDinamica'].document;

0 0

[7] Comentário enviado por removido em 15/12/2011 - 15:47h

@maxwellz Obrigado! Mas infelizmente não funcionou =/

Estou fazendo alguns testes aqui, mas sinceramente não sei o que pode ser.

0 0