感謝HTML5和CSS3，以及JavaScript，前端開發者有了大大的用武之地。大家都在用很多的工具和技術來武裝自己，以加快前段的開發。
本文分享了6中最有效的方法，希望能提供你的效率，為你節約時間。
1. Dynamic CSS（動態 CSS）
如果你想加速你的CSS代碼編寫，那么你需要學習并掌握動態CSS。大部分的動態CSS增加了nested riles, variables, mixins, selector inheritance功能，這里提高代碼的利用率。
2. HTML snippets（HTML 片段）
使用代碼片段是個編寫HTML代碼的一個很快的方法。推薦Zen Coding 和HAML。 首先，它會讓你提速很快，其次，可以規避一些人為錯誤，因為所有的代碼都是被測試和正確生成的。
3. CSS reset（CSS 重設）
CSS reset的優勢是避免了瀏覽器的不兼容。推薦：Eric Meyer's CSS reset 和YUI.
4. CSS Grid layout（網格布局）
不少的開發者，都沒有使用CSS 網格布局。網格布局的理念來自于傳統的印刷出版，在web上，網格布局在雜志類型模板/網站中非常重要。該方法已經被大量的開發者證明是提升產品設計速度的有效途徑。
CSS 網格布局具有很好的跨平臺支持等特性，下面再介紹一些相關的資源：
5. HTML/CSS 編輯器
你需要一個好的代碼編輯器，除了notepad之外，還有很多，它們各具特色。比如coda的ftp引擎十分的穩定。當然，你也可以登錄開源中國社區檢索更多的開源代碼編輯器。
6. 其他在線工具
下面的一些工具，還是可以幫助你省下那么一點的時間的。
如果你剛剛學習HTML和CSS，那么還是建議扎扎實實地來手寫代碼。如果你已經有了堅實的基礎，那么就嘗試上述的方法吧。
Enjoy coding :)
原文：http://www.queness.com/post/8004/6-most-effective-methods-to-code-html-and-css