样板是可以重用在许多地方的一套代码文件,只需很少或根本不需修改。然而,这里我们正在谈论的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的快速、稳健和未来安全的网站模板。
这个网站及其代码示例创建了各种各样的模板,设计或布局的展现,这有助于你避免一些最常见的电子邮件客户端的渲染问题 – Outlook,Gmail,雅虎邮件等,这是一个好东西,我把它用在我的工作,它包含了很多的技巧和窍门来节省您大量解决问题的时间。
HTML5 Mobile Boilerplate,是你值得信赖的模板,用于创建定制丰富和高性能的移动网络应用程序。你能获得A级智能手机之间跨浏览器的的一致性,和传统的黑莓,Symbian,以及移动的后援支持。
简单,灵活的HTML,CSS,JavaScript框架,用于流行的用户界面组件和交互。它不是一个真正的样板,但它有很多快速原型和开发可重用的组件。
Zend框架(ZF)的样板,是一个基于Zend框架企业级PHP应用开发的所有功能于一身的平台。
CSS GetSkeleton
GetSkeleton是一套CSS和JS文件,可以帮助你快速开发外观漂亮不同规模大小网站,用于17“笔记本电脑的屏幕或iPhone。GetSkeleton建立在三个核心原则:Responsive Grid Down to Mobile,快速启动和风格无关。
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主题。