Zen Coding 實在太好用了, 簡單來說就是可以讓你少打幾個字自動產生HTML跟CSS
好幾年前有看到過, 但是一直沒習慣去用.
今天看到一個外國網站的介紹, 發現真的要來好好習慣一下Zen Coding, 可以少浪費一些生命XD
所謂"工欲善其事, 必先利其器", 就是這樣
http://code.google.com/p/zen-coding/
從這網址可以找到各種IDE和cheat sheet, 我個人是用Komodo Edit + Zen Coding
---
在IDE輸入:
form:post#loginForm>(div>label+span>input:text)+(div>label+span>input:p)+div>input:s
執行Expand Abbreviation後, 就會快速產生一個登入表單, :
<form action="" method="post" id="loginForm">
<div><label for=""></label><span><input type="text" name="" id="" /></span></div>
<div><label for=""></label><span><input type="password" name="" id="" /></span></div>
<div><input type="submit" value="" /></div>
</form>
---
before:
link:css
after:
<link rel="stylesheet" type="text/css" href="style.css" media="all" />
---
before:
script:src
after:
<script type="text/javascript" src=""></script>
