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.

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!