樣板是可以重用在許多地方的一套代碼文件,只需很少或根本不需修改。然而,這里我們正在談論的boilerplates通??梢宰鳛槟椖康膱詫嵒A。另外,這也是學習編碼技巧和竅門的好地方。
樣板是非常有用的,因為它通常包括最佳編碼實踐,也包含很多的技巧和竅門,否則將需要幾年的時間學習。要是沒有HTML電子郵件樣板作為例子,建立一個EDM(Email Direct Marketing,即電子郵件營銷)是不容易的,它需要你回到HTML1.0,沒有更多的div,span或高級的CSS設置,如浮,位置等,你需要用表格做布局,內聯CSS做簡單的樣式。使構建EDM更糟的是,電子郵件客戶端有嚴格的限制,它們不具有相同的行為,如果你在多個老瀏覽器的工作,它都呈現不同的頁面!有了電子郵件的樣板,它包含CSS設置的HTML結構,甚至一些技巧和竅門,可以幫助和指導你如何避免展現不一致的問題。
沒有做更多,筆者只是為不同的web技術平臺收集16 樣板 - HTML,CSS jQuery,WordPress等等,他們執行最佳實踐并不斷更新,筆者肯定它能為您的項目打下一個非常良好的基礎。
HTML & Miscelaneous
HTML5 Boilerplate是一個專業和著名的基于HTML / CSS/ JS的快速、穩健和未來安全的網站模板。
這個網站及其代碼示例創建了各種各樣的模板,設計或布局的展現,這有助于你避免一些最常見的電子郵件客戶端的渲染問題 - Outlook,Gmail,雅虎郵件等,這是一個好東西,我把它用在我的工作,它包含了很多的技巧和竅門來節省您大量解決問題的時間。
HTML5 Mobile Boilerplate,是你值得信賴的模板,用于創建定制豐富和高性能的移動網絡應用程序。你能獲得A級智能手機之間跨瀏覽器的的一致性,和傳統的黑莓,Symbian,以及移動的后援支持。
簡單,靈活的HTML,CSS,JavaScript框架,用于流行的用戶界面組件和交互。它不是一個真正的樣板,但它有很多快速原型和開發可重用的組件。
Zend框架(ZF)的樣板,是一個基于Zend框架企業級PHP應用開發的所有功能于一身的平臺。
CSS
GetSkeleton是一套CSS和JS文件,可以幫助你快速開發外觀漂亮不同規模大小網站,用于17“筆記本電腦的屏幕或iPhone。GetSkeleton建立在三個核心原則:Responsive Grid Down to Mobile,快速啟動和風格無關。
CSS Media Queries快查片段。
Boilerplate for Responsive Mobile
YAMP是一套小工具和最佳實踐,可讓網頁設計師更快地建立響應式網站。
jQuery
該項目將不尋求每一個可能的模式提供了一個完美的解決方案,但將嘗試覆蓋了簡單的模板,適合初學者及以上。
Stefan Gabos jQuery Plugin Boilerplate
快速上手的jQuery插件開發樣板。
Essential jQuery Plugin Patterns
一個jQuery插件開發的JavaScript模式。除了大家都知道的JavaScript模式有用外,開發的另一個側面可以受益于它自己的一套設計模式:jQuery插件。官方jQuery插件創作指南,提供了一個很好的起點,編寫插件和widget入門,但我們更進一步。
WordPress
一個組織良好的構建WordPress部件的維護樣板。
Root是基于HTML5 Boilerplate 和來自Twitter的Bootstrap上的一個WordPress主題。
Bones是一個WordPress主題開發樣板。它包含經典(fixed grid)和響應布局可選擇。
Starkers是一個極簡單的WordPress的主題,可創建充當為主題設計師的基礎。
TwentyTen Five HTML5 Base Theme
將HTML5引入WordPress,你可以使用這TwentyTen Five WordPress模板建立你的HTML主題。
Copyright@ 2011-2016 版權所有:大連千億科技有限公司 遼ICP備11013762-3號 google網站地圖 百度網站地圖 網站地圖
公司地址:大連市沙河口區中山路692號辰熙星海國際2317 客服電話:0411-39943997 QQ:2088827823 37482752
法律聲明:未經許可,任何模仿本站模板、轉載本站內容等行為者,本站保留追究其法律責任的權利! 隱私權政策聲明