樣板是可以重用在許多地方的一套代碼檔案,只需很少或根本不需修改。然而,這裡我們正在談論的boilerplates通常可以作為您項目的堅實基礎。另外,這也是學習編碼技巧和竅門的好地方。
樣板是非常有用的,因為它通常包括最佳編碼實踐,也包含很多的技巧和竅門,否則將需要幾年的時間學習。要是沒有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主題。