티스토리 툴바



프로그래밍2012/04/09 16:45

 

젠코딩은 반복되는 하드코딩을 최소화 시켜주는 도구로

 

div#page>div.logo+ul#navigation>li*5>a

 

위와 같이 입력 후, Ctrl + E (Editplus기준) - Expand 해주게 되면 아래와 같이 코드가 변환된다.

 

<div id="page">
 <div class="logo"></div>
 <ul id="navigation">
  <li>
   <a href="/">item 1</a>
  </li>
  <li>
   <a href="/">item 2</a>
  </li>
  <li>
   <a href="/">item 3</a>
  </li>
  <li>
   <a href="/">item 4</a>
  </li>
  <li>
   <a href="/">item 5</a>
  </li>
 </ul>
</div>

 

URL : http://code.google.com/p/zen-coding/

zen-coding sheet PDF : http://code.google.com/p/zen-coding/downloads/detail?name=ZenCodingCheatSheet.pdf&can=2&q=

Posted by sneeki