樣板是可以重用在許多地方的一套代碼文件，只需很少或根本不需修改。然而，這里我們正在談?wù)摰腷oilerplates通常可以作為您項(xiàng)目的堅(jiān)實(shí)基礎(chǔ)。另外，這也是學(xué)習(xí)編碼技巧和竅門的好地方。

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

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

　　HTML & Miscelaneous

　　HTML5 Boilerplate

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

　　HTML Email Boilerplate

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

　　HTML5 Mobile Boilerplate

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

　　Twitter Bootstrap

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

　　Zend Framework Boilerplate

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

　　CSS

　　GetSkeleton

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

　　CSS Media Queries Boilerplate

　　CSS Media Queries快查片段。

　　Boilerplate for Responsive Mobile

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

　　jQuery

　　jQuery Boilerplate

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

　　Stefan Gabos jQuery Plugin Boilerplate

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

　　Essential jQuery Plugin Patterns

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

　　WordPress

　　WordPress Widget Boilerplate

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

　　Root Theme

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

　　Bones

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

　　Starkers Theme

　　Starkers是一個(gè)極簡單的WordPress的主題，可創(chuàng)建充當(dāng)為主題設(shè)計(jì)師的基礎(chǔ)。

　　TwentyTen Five HTML5 Base Theme

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

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

---