HTML Playground: Ajuda com (x)HTML e CSS

HTMLPlayground Logo

Quando você trabalha com Web, é obrigado, pelo menos em algum momento, a no mínimo, passar o olho por alguma programação. Fatalmente você tem que conhecer algumas tags, atributos, scripts, propriedades ou coisas do gênero da linguagem que trabalha. Descontando o pessoal xiita que programa tudo no notepad, as outras pessoas normais usam algum programa que diferencie com cores o código e que, de preferência, tenha algum autocomplete pra facilitar a vida.

Eu por exemplo que estou sempre mexendo com HTML/CSS, definitivamente não sei décor muitas das tags e/ou atributos dessas duas linguagens. Essas alturas é bom ter algum material de referência pra consultar, algo como um amigo que entenda ou mesmo um livro sobre o assunto. [Marketing Gratuito. Mas é porque o livro é realmente muito bom!] No caso de quem trabalha com HTML/CSS, pra não ficar azucrinando os outros por não lembrar de como se comporta uma mísera tag, é bem útil conhecer o HTMLPlayground.

Primeiro você escolhe no que quer tirar a dúvida:

  • (X)html tags;
  • (X)html attributes;
  • CSS properties;

HTMLPlayground - Demo

Pra isso, logo abaixo do título do site, existe a opção Select Reference. Escolhida a linguagem, é só achar a tag/atributo/propriedade e ver, ao lado uma descrição e abaixo um exemplo de código aplicado com uma renderização. Se quiser, dá tambem pra editar o código e ver o que acontece.

Posts relacionados Related Posts with Thumbnails

Postar um comentário