ZenCoding example

zencoding.html

HTML

      
        
          
          
            <!-- the following shorthand -->
html:5>div.container>nav.main>li.item*4>a
 
<!-- expands into this clean markup-->
<!DOCTYPE HTML>
<html lang="en-US">
<head>
	<meta charset="UTF-8">
	<title></title>
</head>
<body>
	<div class="container">
		<nav class="main">
			<li class="item"><a href=""></a></li>
			<li class="item"><a href=""></a></li>
			<li class="item"><a href=""></a></li>
			<li class="item"><a href=""></a></li>
		</nav>
	</div>
</body>
</html>

          
        

    

Please sign in to comment on this gist.

public clarklab / zencoding.html Created 2012-11-07

public

clarklab / zencoding.html

Created 2012-11-07