樣闆是可以重用在許多地方的一套代碼檔案,隻需很少或根本不需修改。然而,這裡我們正在談論的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主題。