Markup Generator é uma ferramenta online, bem simples, criada para desenvolvedores XHTML e CSS que estão cansados de escrever códigos entediantes na hora de cortar o layout.

O principal objetivo é acelerar o seu trabalho gerando todo o código XHTML e organização das divs usando uma sintaxe bem simples, pequena e intuitiva para que você possa ir direto para a estilização do CSS.

Veja alguns exemplos abaixo, a parte de cima é como você escreve e embaixo vem a saída do código.

h1#logo.red=Company Name is:
<h1 id=”logo” class=”red”>Company Name</h1>

input[type=”text” name=”term”]#query is:
<input id=”query” type=”text” name=”term” />

#root.company is:
<div id=”root” class=”company”></div>

p.vcard.highlight=Lorem ipsum is:
<p class=”vcard highlight”>Lorem ipsum</p>

Achei interessante a idéia, é uma ferramenta bem útil. Tem gente que gosta e utiliza, por isso resolvi compartilhar com vocês.

Agora vocês querem a minha opinião? De qualquer maneira eu vou dizer: (=p) não vejo como essa ferramenta pode agilizar o nosso trabalho, somos obrigados a aprender uma nova sintaxe para escrever o mesmo código de sempre.

Talvez seja útil pra quem tem que ficar recortando layout do Photoshop o dia inteiro para transformar em XHTML, aí pode até ser válido aprender uma nova sintaxe; até porque ela não é nada complexa.

Compartilhe!