樣板是可以重用在許多地方的一套代碼文件，只需很少或根本不需修改。然而，這里我們正在談?wù)摰腷oilerplates通?？梢宰鳛槟椖康膱詫?shí)基礎。另外，這也是學(xué)習編碼技巧和竅門(mén)的好地方。

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

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

　　HTML & Miscelaneous

　　HTML5 Boilerplate

　　HTML5 Boilerplate是一個(gè)專(zhuān)業(yè)和著(zhù)名的基于HTML / CSS/ JS的快速、穩健和未來(lái)安全的網(wǎng)站模板。

　　HTML Email Boilerplate

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

　　HTML5 Mobile Boilerplate

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

　　Twitter Bootstrap

　　簡(jiǎn)單，靈活的HTML，CSS，JavaScript框架，用于流行的用戶(hù)界面組件和交互。它不是一個(gè)真正的樣板，但它有很多快速原型和開(kāi)發(fā)可重用的組件。

　　Zend Framework Boilerplate

　　Zend框架（ZF）的樣板，是一個(gè)基于Zend框架企業(yè)級PHP應用開(kāi)發(fā)的所有功能于一身的平臺。

　　CSS

　　GetSkeleton

　　GetSkeleton是一套CSS和JS文件，可以幫助你快速開(kāi)發(fā)外觀(guān)漂亮不同規模大小網(wǎng)站，用于17“筆記本電腦的屏幕或iPhone。GetSkeleton建立在三個(gè)核心原則：Responsive Grid Down to Mobile，快速啟動(dòng)和風(fēng)格無(wú)關(guān)。

　　CSS Media Queries Boilerplate

　　CSS Media Queries快查片段。

　　Boilerplate for Responsive Mobile

　　YAMP是一套小工具和最佳實(shí)踐，可讓網(wǎng)頁(yè)設計師更快地建立響應式網(wǎng)站。

　　jQuery

　　jQuery Boilerplate

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

　　Stefan Gabos jQuery Plugin Boilerplate

　　快速上手的jQuery插件開(kāi)發(fā)樣板。

　　Essential jQuery Plugin Patterns

　　一個(gè)jQuery插件開(kāi)發(fā)的JavaScript模式。除了大家都知道的JavaScript模式有用外，開(kāi)發(fā)的另一個(gè)側面可以受益于它自己的一套設計模式：jQuery插件。官方j(luò )Query插件創(chuàng )作指南，提供了一個(gè)很好的起點(diǎn)，編寫(xiě)插件和widget入門(mén)，但我們更進(jìn)一步。

　　WordPress

　　WordPress Widget Boilerplate

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

　　Root Theme

　　Root是基于HTML5 Boilerplate 和來(lái)自Twitter的Bootstrap上的一個(gè)WordPress主題。

　　Bones

　　Bones是一個(gè)WordPress主題開(kāi)發(fā)樣板。它包含經(jīng)典（fixed grid）和響應布局可選擇。

　　Starkers Theme

　　Starkers是一個(gè)極簡(jiǎn)單的WordPress的主題，可創(chuàng )建充當為主題設計師的基礎。

　　TwentyTen Five HTML5 Base Theme

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

　　來(lái)源：英文原文 ；中文編譯：IT癮；譯文地址：原文鏈接

---