desenvolvimento para web - xhtml, css, padrões da web, usabilidade, acessibilidade, web design, SEO, blogs e tecnologias para desenvolver a web Developing web - xhtml, css, web standards, usability, accessibility, web design, SEO, blogs and technology to develop the web

Para quem dá os primeiros passos no desenvolvimento para web, estudar, somente na teoria, HTML, XHTML e CSS é bem monótono e cansativo. Who gives the first steps in developing web to investigate, only in theory, HTML, XHTML and CSS is quite monotonous and stressful. Com HTML Playground, estudar HTML fica bem mais divertido e emocionando com exemplos feitos pelo próprio estudante. With HTML Playground, studying HTML is much more fun and emocionando with examples made by the student.

Quem está começando no desenvolvimento para web precisa estudar bastante! Who is beginning to develop web need to study much! 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. Meanwhile, the initial studies of (X) HTML and CSS, if not made with will and well conducted, especially when only theoretical, may discourage the apprentice. O site HTML Playground tem a proposta de tornar estes estudos mais agradáveis! The site HTML Playground is the proposal to make these studies more enjoyable!

Através de uma interface interativa simples e fácil de mexer, é possível mostrar todos os atributos das linguagens HTML, XHTML e CSS. Through an interactive interface simple and easy to move, you can show all the attributes of languages HTML, XHTML and CSS. Uma descrição da tag escolhida aparece e os valores dos atributos, quando presentes, podem ser alterados na hora. A description of the selected tag appears and the values of attributes, if present, may be changed in time. Tudo isso em um ambiente AJAX que mostra o resultado das modificações em tempo real. All this in an environment that AJAX shows the result of changes in real time. Clique na imagem para ver a explicação. Click on the image to see the explanation.

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. Through the main menu is also possible to search for a tag, in particular, by name, after all, are dozens of different names, and it is very difficult to "decorate" all.

Lebrei da extensão para Firefox Firebug , que, dentre suas várias opções, permite editar os códigos dos sites em tempo real. Lebrei the extension for Firefox Firebug, which, among its various options, enables you to edit the codes of sites in real time.

O ponto forte do sistema, com certeza, é a edição em tempo real dos códigos. The strength of the system, of course, is the real-time edition of the codes. Para quem está começando e precisa ver “as coisas acontecendo”, não há coisa melhor! For those who are starting and need to see "things happening", there is something better! 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. Apart from what the HTML Playground can also serve as a reference guide or manual for those more experienced and / or those who have no patience or memory for remembering all the tags and their attributes of HTML and XHTML and rules, properties and values of 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! As I said, is worth the same penalty study by HTML Playground; well as to test the codes in real time, the student brings more fun and excitement to their activities, all this so quickly and dynamic!