Traduzido de: Revista Smashing
Chinês: Zen Coding: uma maneira rápida de escrever código HTML/CSS
Por favor, respeite os direitos autorais e indique a fonte ao reimprimir!
Neste artigo demonstraremos uma nova maneira de desenvolver rapidamente HTML e CSS usando sintaxe que imita seletores CSS. Foi desenvolvido por Sergey Chikuyonok . Quanto tempo você gasta escrevendo código HTML (incluindo todas as tags, atributos, aspas, colchetes, etc.)? Se o seu editor tiver dicas de código, será mais fácil escrever, mas mesmo assim você ainda terá que digitar muito código manualmente.
Em JavaScript, quando queremos obter um elemento específico de uma página, nos deparamos com o mesmo problema, temos que escrever muito código, o que se torna difícil de manter e reutilizar. As estruturas JavaScript surgiram e também introduziram mecanismos seletores de CSS. Agora você pode usar expressões CSS simples para obter elementos DOM, o que é muito legal.
Mas e se você pudesse não apenas fazer o layout e posicionar elementos usando seletores CSS, mas também gerar código ? Por exemplo, se você escrever:
div #content > h1 + p
... então você pode ver uma saída como esta:
< div id = "conteúdo" >