desenvolvimento para web - xhtml, css, padrões da web, usabilidade, acessibilidade, web design, SEO, blogs e tecnologias para desenvolver a web

  • Feed artigos
  • Feed comentários
  • Feed por e-mail
  • Início
  • Ferramentas
  • Downloads
  • Feeds
  • Mapa do blog
  • Sobre

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

22 de maio de 2008 0 comentários

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!

Estude no HTML Playground.
Categorias
(x)html, css, indicações
Indicar artigo
x

 





Indicar artigo
Comentários RSS
Comentários RSS
Trackback
Trackback

Todo desenvolvedor web deve ler

Use a cabeça: HTML com CSS e XHTML. Criando página web com CSS. Usabilidade na web. Não me faça pensar. Design para a internet.

Artigos relacionados a "HTML Playground: aprenda HTML, XHTML e CSS com exemplos reais"

  • Tripoli: CSS standard para renderização HTML
  • Super referência para HTML, CSS e Javascript
  • Cursos de desenvolvimento para web em Juiz de Fora, Minas Gerais
  • WP-Syntax: destacar códigos fonte em artigos de blogs Wordpress
  • Diferenças entre IDs e Classes
  • “Wordpress como CMS”?
  • Compatibilidade CSS e o Internet Explorer: tabela comparativa de compatibilidade CSS/IE
  • krugle: busca de códigos para programadores e desenvolvedores
  • Por onde começar com o jQuery
  • Meta tags

Comente!

Translator

Portuguese flagItalian flagChinese (Simplified) flagEnglish flagGerman flagFrench flagSpanish flagJapanese flag

Artigos mais visitados

  • Briefing para desenvolvimento de web sites: considerações, dicas e modelos
  • CSS float: considerações, dicas e macetes para bons layouts na web
  • Centralizar suas páginas web com CSS: como deixar o site sempre no centro com folhas de estilo
  • Como montar um portfolio sem ter clientes
  • Baixar ícones de alta definição e qualidade

Categorias

  • (x)html (5)
  • acessibilidade (4)
  • blogs (7)
  • css (17)
  • design (30)
  • firefox (6)
  • indicações (50)
  • javascript (5)
  • jquery (8)
  • miscelânea (29)
  • php (7)
  • séries (9)
  • seo (10)
  • usabilidade (7)
  • wordpress (19)

Eu indico

  • blosque.com
  • ChromeBrasil
  • Fique Rico
  • Insistimento
  • Maikel Neris
  • Professional Blogger



Artigos Recentes

Meta tags

"Sexy Buttons" em menus do Wordpress

Manageable: praticidade e rapidez para editar informações de páginas e artigos do Wordpress

30 extensões para Firefox que vão mudar sua vida na web (para melhor)

Como usar qualquer tipo (fonte tipográfica) em seu blog Wordpress

Google Chrome - primeiras impressões sobre o navegador da Google

Últimos Comentários

Pedro Rogério: Muito bom o artigo, tenho que tirar o chapéu pra você!!! (...)

fabiano: Ola Tárcio Queria saber como posso montar o portifolio da minha empresa de Soluções Digitais? Se (...)

Felipe Volkmer: Perfeito! Justamente o que tava precisando. Já estás no meu feed e nos favoritos! Abraços! (...)

Pedro T: Olá tárcio.... Só um pequeno comentário.... a verdade é que a informação é cada vez (...)

Christiano G. de Araújo: Mas os sinais comentados não apareceram... (...)

Mais Comentados

Google Chrome - primeiras impressões sobre o navegador da Google (14)

Gestalt aplicado ao design web (parte 1): origem do termo, significado e utilidade (13)

Maneiras práticas para melhorar a visitação de seu blog e fidelizar seus leitores (13)

CSS float: considerações, dicas e macetes para bons layouts na web (13)

As melhores práticas de SEO que você pode adotar em seu web site ou blog para melhorar o posicionamento nos mecanismos de busca (12)

desenvolvimento para web trata sobre padrões da web, usabilidade, acessibilidade,
web design, SEO e tecnologias web, tais como HTML, XHTML, CSS, javascript, jQuery, PHP e mais.

A tradução automática é do Wordpress Global Translator Plugin e há alguns direitos reservados.