desenvolvimento para web

HTML Playground: aprenda HTML, XHTML e CSS com exemplos reais

Para quem dá os primeiros passos no desenvolvimento para web, estudar, somente na teoria, HTML, XHTML e CSS é bem monótono e cansativo. Com HTML Playground, estudar HTML fica bem mais divertido e emocionando com exemplos feitos pelo próprio estudante.

Quem está começando no desenvolvimento para web precisa estudar bastante! Entretanto, os estudos iniciais de (X)HTML e CSS, se não feitos com vontade e bem conduzidos, principalmente quando somente teóricos, podem desestimular o aprendiz. O site HTML Playground tem a proposta de tornar estes estudos mais agradáveis!

Através de uma interface interativa simples e fácil de mexer, é possível mostrar todos os atributos das linguagens HTML, XHTML e CSS. Uma descrição da tag escolhida aparece e os valores dos atributos, quando presentes, podem ser alterados na hora. Tudo isso em um ambiente AJAX que mostra o resultado das modificações em tempo real. Clique na imagem para ver a explicação.

HTML Playground: explicação de interface.

Através do menu principal também é possível procurar uma tag, em especial, pelo nome; afinal, são dezenas de nomes diferentes, e é muito difícil “decorar” todos.

Lebrei da extensão para Firefox Firebug, que, dentre suas várias opções, permite editar os códigos dos sites em tempo real.

O ponto forte do sistema, com certeza, é a edição em tempo real dos códigos. Para quem está começando e precisa ver “as coisas acontecendo”, não há coisa melhor! Além do quê, o HTML Playground também pode servir como guia de referência ou manual para aqueles mais experientes e/ou os que não têm paciência ou memória para se lembrar de todas as tags e respectivos atributos de HTML e XHTML e regras, propriedades e valores de CSS.

Como disse, vale mesmo à pena estudar através do HTML Playground; além de poder testar os códigos em tempo real, o estudante traz mais divertimento e emoção a suas atividades, tudo isso de forma rápida e dinâmica!

4 interações em "HTML Playground: aprenda HTML, XHTML e CSS com exemplos reais"

  1. Amorina22/04/2009 

    Good for people to know.

  2. Tárcio Zemel23/04/2009 

    @ Amorina
    Yeah, that site is really instructive! Thanks for visiting! Come again!

  3. Matheus08/05/2009 

    Que beleza de post informando esse agradável e excelente serviço!!!!

    Ótimo para tirar dúvidas e fazer experimentos quando estou longe de minha “estação de trabalho” hehehehhehee

    Show!

  4. Tárcio Zemel08/05/2009 

    @ Matheus
    É, o HTML Playground é muito bom para quem está começando e, claro, para “brincarmos” um pouco e experimentarmos novas possibilidades, técnicas, etc. :-)

Comente!

Uma meta é um sonho com prazo.

Napoleon Hill