Zen Coding-超神速html開發

vinaqc

適合自己寫code、熟css的人，熟練後html撰寫速度會快好幾倍。

基本上就是以css的寫法（架構）寫出html簡碼，由軟體自行轉換成實際html
如：

1. div#container>img.logo

複製代碼

會變成：

1. <div id="container">
   
2.     <img src="" alt="" class="logo">
   
3. </div>

複製代碼

或是：

1. ul#nav>li*4>a

複製代碼

會變成：

1. <ul id="nav">
   
2. <li><a href=""></a></li>
   
3. <li><a href=""></a></li>
   
4. <li><a href=""></a></li>
   
5. <li><a href=""></a></li>
   
6. </ul>

複製代碼

也可加上序號：

1. div#i$-test.class$$*5

複製代碼

變成：

1. <div id="i1-test" class="class111"></div>
   
2. <div id="i2-test" class="class222"></div>
   
3. <div id="i3-test" class="class333"></div>
   
4. <div id="i4-test" class="class444"></div>
   
5. <div id="i5-test" class="class555"></div>

複製代碼

可支援的軟體：
完全支持
    Aptana (跨平台)
    Coda, via TEA for Coda (Mac)
    Espresso, via TEA for Espresso (Mac)

部分支持
    TextMate (Mac,Windows用E-text替代)
    TopStyle
    Sublime Text
    GEdit
    Dreamweaver CS4

下載: 訪客無法瀏覽下載點，請先 註冊 或 登入會員

...

瀏覽完整內容，請先 註冊 或 登入會員

kennnnny

真是越來越進步了，現在連簡碼都有，終於不用慢慢打到死了QQ

macglee

這個真的超好用了！感謝啦！收下！

吉他有簡譜~連HTML都有簡碼~!
以後可以少一點複製貼上了~