十六个 HTML,CSS,jQuery,WordPress等快速启动项目样板

简介:

样板是可以重用在许多地方的一套代码文件,只需很少或根本不需修改。然而,这里我们正在谈论的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主题。


本文转自寒意博客园博客,原文链接:http://www.cnblogs.com/hnyei/archive/2012/03/14/2395334.html,如需转载请自行联系原作者

相关文章
|
5月前
|
移动开发 前端开发 JavaScript
征信报告修改器,征信报告生成器,制作软件无痕修改软件【js+html+css】
本项目为信用评分模拟器教学工具,采用HTML5实现,仅供学习参考。核心功能通过JavaScript构建,包含虚拟数据生成、权重分配及信用因素分析(如还款记录、信用使用率等)。
|
5月前
|
存储 自然语言处理 前端开发
抖音快手小红书虚拟评论截图生成器,模拟对话制作工具,html+js+css
这是一款纯前端实现的多平台虚拟评论生成器,支持抖音、快手、小红书风格,适用于产品演示与UI设计。采用Vanilla JS与Flexbox布局,利用IndexedDB存储数据,CSS Variables切换主题。
|
5月前
|
前端开发 JavaScript
个人征信电子版无痕修改, 个人信用报告pdf修改,js+html+css即可实现【仅供学习用途】
本代码展示了一个信用知识学习系统的前端实现,包含评分计算、因素分析和建议生成功能。所有数据均为模拟生成
|
5月前
|
存储 前端开发 安全
病历单生成器在线制作,病历单生成器app,HTML+CSS+JS恶搞工具
本项目为医疗病历模拟生成器,旨在为医学教学和软件开发测试提供数据支持,严格遵守《医疗机构病历管理规定》。
|
5月前
|
存储 前端开发 JavaScript
仿真银行app下载安装, 银行卡虚拟余额制作app,用html+css+js实现逼真娱乐工具
这是一个简单的银行账户模拟器项目,用于学习前端开发基础。用户可进行存款、取款操作,所有数据存储于浏览器内存中
|
5月前
|
前端开发 容器
处方单图片生成器, 处方单在线制作免费,js+css+html恶搞神器
这是一个电子处方模拟生成系统,使用html2canvas库实现图片导出功能。系统生成的处方单包含多重防伪标识,并明确标注为模拟数据,仅供学习
|
6月前
|
缓存 JavaScript 前端开发
Vue 项目中动态添加 HTML 元素的方法与实践
本文探讨了 Vue 中动态添加 HTML 元素的多种技术方案,包括条件渲染(v-if/v-show)、动态组件(component :is)、手动挂载($mount)及 Vuex 状态管理等方法。通过实例分析,如动态表单生成器与全局模态框服务,展示了这些方案在实际开发中的应用。同时提供了性能优化建议和注意事项,帮助开发者根据需求选择最佳方式,在保持 Vue 响应式特性的同时实现灵活交互。附带代码示例,便于理解和实践。
166 2
|
5月前
|
前端开发
个人征信PDF无痕修改软件,个人征信模板可编辑,个人征信报告p图神器【js+html+css仅供学习用途】
这是一款信用知识学习系统,旨在帮助用户了解征信基本概念、信用评分计算原理及信用行为影响。系统通过模拟数据生成信用报告,涵盖还款记录
|
5月前
|
前端开发 JavaScript 容器
制作b超单生成器, 假怀孕b超单图片制作, p图医院证明【css+html+js装逼恶搞神器】
本资源提供一个适合用于熟人之间恶搞的工具,效果逼真,仅供学习参考与娱乐。包含前端技术学习要点:语义化布局、响应式设计、Flexbox、图片自适应