|
|
寫HTML5和CSS3，以及JavaScript，前端開發(fā)者有了大大的用武之地。大家都在用很多的工具和技術(shù)來武裝自己，以加快前段的開發(fā)。
本文分享了6中最有效的方法，希望能提供你的效率，為你節(jié)約時(shí)間。
1. Dynamic CSS（動(dòng)態(tài) CSS）
如果你想加速你的CSS代碼編寫，那么你需要學(xué)習(xí)并掌握動(dòng)態(tài)CSS。大部分的動(dòng)態(tài)CSS增加了nested riles,variables, mixins, selector inheritance功能，這里提高代碼的利用率。
2. HTML snippets（HTML 片段）
使用代碼片段是個(gè)編寫HTML代碼的一個(gè)很快的方法。推薦Zen Coding和HAML。首先，它會(huì)讓你提速很快，其次，可以規(guī)避一些人為錯(cuò)誤，因?yàn)樗械拇a都是被測(cè)試和正確生成的。
3. CSS reset（CSS 重設(shè)）
CSS reset的優(yōu)勢(shì)是避免了瀏覽器的不兼容。推薦：Eric Meyer's CSS reset 和YUI.
4. CSS Grid layout（網(wǎng)格布局）
不少的開發(fā)者，都沒有使用CSS 網(wǎng)格布局。網(wǎng)格布局的理念來自于傳統(tǒng)的印刷出版，在web上，網(wǎng)格布局在雜志類型模板/網(wǎng)站中非常重要。該方法已經(jīng)被大量的開發(fā)者證明是提升產(chǎn)品設(shè)計(jì)速度的有效途徑。
CSS 網(wǎng)格布局具有很好的跨平臺(tái)支持等特性，下面再介紹一些相關(guān)的資源：
- Which CSS Grid Framework should you use for web design
- 960 Grid Layout
- YUI Grid layout
- Blue Print Grid layout
5. HTML/CSS 編輯器
你需要一個(gè)好的代碼編輯器，除了notepad之外，還有很多，它們各具特色。比如coda的ftp引擎十分的穩(wěn)定。
- Notepad++(windows, free)
- Aptana (all platforms, free)
- Bluefish (all platform, free)
- Coda (mac,$99)
- Textmate (mac,$57)
6. 其他在線工具
下面的一些工具，還是可以幫助你省下那么一點(diǎn)的時(shí)間的。
- Backfire: 保存firebug的CSS變化。
- Live.js: 更新CSS。
- CSS Auto Reload: 同Live.js，但可設(shè)置重載時(shí)間。
- Yahoo Grid Builder: YUI網(wǎng)格創(chuàng)建。
- Markup Generator: 基于HTML代碼，生成CSS標(biāo)簽。
- Coda Clip: Coda 片段.
如果你剛剛學(xué)習(xí)HTML和CSS，那么還是建議扎扎實(shí)實(shí)地來手寫代碼。如果你已經(jīng)有了堅(jiān)實(shí)的基礎(chǔ)，那么就嘗試上述的方法吧。
Enjoy coding :)
原文：http://www.queness.com/post/8004/6-most-effective-methods-to-code-html-and-css
it知識(shí)庫：6種編寫HTML和CSS的最有效的方法，轉(zhuǎn)載需保留來源！
鄭重聲明：本文版權(quán)歸原作者所有，轉(zhuǎn)載文章僅為傳播更多信息之目的，如作者信息標(biāo)記有誤，請(qǐng)第一時(shí)間聯(lián)系我們修改或刪除，多謝。
