樣板是可以重用在許多地方的一套代碼文件，只需很少或根本不需修改。然而，這里我們正在談?wù)摰腷oilerplates通?？梢宰鳛槟?xiàng)目的堅(jiān)實(shí)基礎(chǔ)。另外，這也是學(xué)習(xí)編碼技巧和竅門的好地方。
樣板是非常有用的，因?yàn)樗ǔ０ㄗ罴丫幋a實(shí)踐，也包含很多的技巧和竅門，否則將需要幾年的時(shí)間學(xué)習(xí)。要是沒(méi)有HTML電子郵件樣板作為例子，建立一個(gè)EDM（Email Direct Marketing，即電子郵件營(yíng)銷）是不容易的，它需要你回到HTML1.0，沒(méi)有更多的div，span或高級(jí)的CSS設(shè)置，如浮，位置等，你需要用表格做布局，內(nèi)聯(lián)CSS做簡(jiǎn)單的樣式。使構(gòu)建EDM更糟的是，電子郵件客戶端有嚴(yán)格的限制，它們不具有相同的行為，如果你在多個(gè)老瀏覽器的工作，它都呈現(xiàn)不同的頁(yè)面！有了電子郵件的樣板，它包含CSS設(shè)置的HTML結(jié)構(gòu)，甚至一些技巧和竅門，可以幫助和指導(dǎo)你如何避免展現(xiàn)不一致的問(wèn)題。
沒(méi)有做更多，筆者只是為不同的web技術(shù)平臺(tái)收集16 樣板 - HTML，CSS jQuery，WordPress等等，他們執(zhí)行最佳實(shí)踐并不斷更新，筆者肯定它能為您的項(xiàng)目打下一個(gè)非常良好的基礎(chǔ)。
HTML & Miscelaneous
HTML5 Boilerplate是一個(gè)專業(yè)和著名的基于HTML / CSS/ JS的快速、穩(wěn)健和未來(lái)安全的網(wǎng)站模板。
這個(gè)網(wǎng)站及其代碼示例創(chuàng)建了各種各樣的模板，設(shè)計(jì)或布局的展現(xiàn)，這有助于你避免一些最常見的電子郵件客戶端的渲染問(wèn)題 - Outlook，Gmail，雅虎郵件等，這是一個(gè)好東西，我把它用在我的工作，它包含了很多的技巧和竅門來(lái)節(jié)省您大量解決問(wèn)題的時(shí)間。
HTML5 Mobile Boilerplate，是你值得信賴的模板，用于創(chuàng)建定制豐富和高性能的移動(dòng)網(wǎng)絡(luò)應(yīng)用程序。你能獲得A級(jí)智能手機(jī)之間跨瀏覽器的的一致性，和傳統(tǒng)的黑莓，Symbian，以及移動(dòng)的后援支持。
簡(jiǎn)單，靈活的HTML，CSS，JavaScript框架，用于流行的用戶界面組件和交互。它不是一個(gè)真正的樣板，但它有很多快速原型和開發(fā)可重用的組件。
Zend框架（ZF）的樣板，是一個(gè)基于Zend框架企業(yè)級(jí)PHP應(yīng)用開發(fā)的所有功能于一身的平臺(tái)。
CSS
GetSkeleton是一套CSS和JS文件，可以幫助你快速開發(fā)外觀漂亮不同規(guī)模大小網(wǎng)站，用于17“筆記本電腦的屏幕或iPhone。GetSkeleton建立在三個(gè)核心原則：Responsive Grid Down to Mobile，快速啟動(dòng)和風(fēng)格無(wú)關(guān)。
CSS Media Queries快查片段。
Boilerplate for Responsive Mobile
YAMP是一套小工具和最佳實(shí)踐，可讓網(wǎng)頁(yè)設(shè)計(jì)師更快地建立響應(yīng)式網(wǎng)站。
jQuery
該項(xiàng)目將不尋求每一個(gè)可能的模式提供了一個(gè)完美的解決方案，但將嘗試覆蓋了簡(jiǎn)單的模板，適合初學(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
一個(gè)組織良好的構(gòu)建WordPress部件的維護(hù)樣板。
Bones是一個(gè)WordPress主題開發(fā)樣板。它包含經(jīng)典（fixed grid）和響應(yīng)布局可選擇。
Starkers是一個(gè)極簡(jiǎn)單的WordPress的主題，可創(chuàng)建充當(dāng)為主題設(shè)計(jì)師的基礎(chǔ)。
TwentyTen Five HTML5 Base Theme
將HTML5引入WordPress，你可以使用這TwentyTen Five WordPress模板建立你的HTML主題。
