十六個網站開發快速啟動項目樣板

　　樣板是可以重用在許多地方的一套代碼文件，只需很少或根本不需修改。然而，這里我們正在談論的boilerplates通?？梢宰鳛槟椖康膱詫嵒A。另外，這也是學習編碼技巧和竅門的好地方。

　　樣板是非常有用的，因為它通常包括最佳編碼實踐，也包含很多的技巧和竅門，否則將需要幾年的時間學習。要是沒有HTML電子郵件樣板作為例子，建立一個EDM（Email Direct Marketing，即電子郵件營銷）是不容易的，它需要你回到HTML1.0，沒有更多的div，span或高級的CSS設置，如浮，位置等，你需要用表格做布局，內聯CSS做簡單的樣式。使構建EDM更糟的是，電子郵件客戶端有嚴格的限制，它們不具有相同的行為，如果你在多個老瀏覽器的工作，它都呈現不同的頁面！有了電子郵件的樣板，它包含CSS設置的HTML結構，甚至一些技巧和竅門，可以幫助和指導你如何避免展現不一致的問題。

　　沒有做更多，筆者只是為不同的web技術平臺收集16 樣板 - HTML，CSS jQuery，WordPress等等，他們執行最佳實踐并不斷更新，筆者肯定它能為您的項目打下一個非常良好的基礎。

　　HTML & Miscelaneous

　　HTML5 Boilerplate

　　HTML5 Boilerplate是一個專業和著名的基于HTML / CSS/ JS的快速、穩健和未來安全的網站模板。

　　HTML Email Boilerplate

　　這個網站及其代碼示例創建了各種各樣的模板，設計或布局的展現，這有助于你避免一些最常見的電子郵件客戶端的渲染問題 - Outlook，Gmail，雅虎郵件等，這是一個好東西，我把它用在我的工作，它包含了很多的技巧和竅門來節省您大量解決問題的時間。

　　HTML5 Mobile Boilerplate

　　HTML5 Mobile Boilerplate，是你值得信賴的模板，用于創建定制豐富和高性能的移動網絡應用程序。你能獲得A級智能手機之間跨瀏覽器的的一致性，和傳統的黑莓，Symbian，以及移動的后援支持。

　　Twitter Bootstrap

　　簡單，靈活的HTML，CSS，JavaScript框架，用于流行的用戶界面組件和交互。它不是一個真正的樣板，但它有很多快速原型和開發可重用的組件。

　　Zend Framework Boilerplate

　　Zend框架（ZF）的樣板，是一個基于Zend框架企業級PHP應用開發的所有功能于一身的平臺。

　　CSS

　　GetSkeleton

　　GetSkeleton是一套CSS和JS文件，可以幫助你快速開發外觀漂亮不同規模大小網站，用于17“筆記本電腦的屏幕或iPhone。GetSkeleton建立在三個核心原則：Responsive Grid Down to Mobile，快速啟動和風格無關。

　　CSS Media Queries Boilerplate

　　CSS Media Queries快查片段。

　　Boilerplate for Responsive Mobile

　　YAMP是一套小工具和最佳實踐，可讓網頁設計師更快地建立響應式網站。

　　jQuery

　　jQuery Boilerplate

　　該項目將不尋求每一個可能的模式提供了一個完美的解決方案，但將嘗試覆蓋了簡單的模板，適合初學者及以上。

　　Stefan Gabos jQuery Plugin Boilerplate

　　快速上手的jQuery插件開發樣板。

　　Essential jQuery Plugin Patterns

　　一個jQuery插件開發的JavaScript模式。除了大家都知道的JavaScript模式有用外，開發的另一個側面可以受益于它自己的一套設計模式：jQuery插件。官方jQuery插件創作指南，提供了一個很好的起點，編寫插件和widget入門，但我們更進一步。

　　WordPress

　　WordPress Widget Boilerplate

　　一個組織良好的構建WordPress部件的維護樣板。

　　Root Theme

　　Root是基于HTML5 Boilerplate 和來自Twitter的Bootstrap上的一個WordPress主題。

　　Bones

　　Bones是一個WordPress主題開發樣板。它包含經典（fixed grid）和響應布局可選擇。

　　Starkers Theme

　　Starkers是一個極簡單的WordPress的主題，可創建充當為主題設計師的基礎。

　　TwentyTen Five HTML5 Base Theme

　　將HTML5引入WordPress，你可以使用這TwentyTen Five WordPress模板建立你的HTML主題。  

　　來源：英文原文 ；中文編譯：IT癮；譯文地址：原文鏈接

---