public
Created

ZenCoding example

  • Download Gist
zencoding.html
HTML
1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21
<!-- 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.

Something went wrong with that request. Please try again.