jq项目如何启服务_十六个快速启动项目样板

本文介绍了如何利用HTML5 Boilerplate、CSS框架和jQuery模板快速启动项目,特别是针对电子邮件营销、移动应用和WordPress主题开发。通过这些样板,开发者可以遵循最佳实践,学习编码技巧,并确保跨平台一致性。
摘要由CSDN通过智能技术生成

8453296c3a8e4e1c5c545d2352948078.gif

样板是可以重用在许多地方的一套代码文件,只需很少或根本不需修改。然而,这里我们正在谈论的boilerplates通常可以作为您项目的坚实基础。另外,这也是学习编码技巧和窍门的好地方。

样板是非常有用的,因为它通常包括最佳编码实践,也包含很多的技巧和窍门,否则将需要几年的时间学习。要是没有HTML电子邮件样板作为例子,建立一个EDM(Email Direct Marketing,即电子邮件营销)是不容易的,它需要你回到HTML1.0,没有更多的div,span或高级的CSS设置,如浮,位置等,你需要用表格做布局,内联CSS做简单的样式。使构建EDM更糟的是,电子邮件客户端有严格的限制,它们不具有相同的行为,如果你在多个老浏览器的工作,它都呈现不同的页面!有了电子邮件的样板,它包含CSS设置的HTML结构,甚至一些技巧和窍门,可以帮助和指导你如何避免展现不一致的问题。

没有做更多,笔者只是为不同的web技术平台收集16 样板 - HTML,CSS jQuery,WordPress等等,他们执行最佳实践并不断更新,笔者肯定它能为您的项目打下一个非常良好的基础。

HTML & Miscelaneous

1.jpg

HTML5 Boilerplate是一个专业和著名的基于HTML / CSS/ JS的快速、稳健和未来安全的网站模板。

2.jpg

这个网站及其代码示例创建了各种各样的模板,设计或布局的展现,这有助于你避免一些最常见的电子邮件客户端的渲染问题 - Outlook,Gmail,雅虎邮件等,这是一个好东西,我把它用在我的工作,它包含了很多的技巧和窍门来节省您大量解决问题的时间。

3.jpg

HTML5 Mobile Boilerplate,是你值得信赖的模板,用于创建定制丰富和高性能的移动网络应用程序。你能获得A级智能手机之间跨浏览器的的一致性,和传统的黑莓,Symbian,以及移动的后援支持。

4.jpg

简单,灵活的HTML,CSS,JavaScript框架,用于流行的用户界面组件和交互。它不是一个真正的样板,但它有很多快速原型和开发可重用的组件。

5.jpg

Zend框架(ZF)的样板,是一个基于Zend框架企业级PHP应用开发的所有功能于一身的平台。

CSS

6.jpg

GetSkeleton是一套CSS和JS文件,可以帮助你快速开发外观漂亮不同规模大小网站,用于17“笔记本电脑的屏幕或iPhone。GetSkeleton建立在三个核心原则:Responsive Grid Down to Mobile,快速启动和风格无关。

ed573e9a1ae092b3d71a389a152f7fa4.png

CSS Media Queries快查片段。

8.jpg

YAMP是一套小工具和最佳实践,可让网页设计师更快地建立响应式网站。

jQuery

9.jpg

该项目将不寻求每一个可能的模式提供了一个完美的解决方案,但将尝试覆盖了简单的模板,适合初学者及以上。

10.jpg

快速上手的jQuery插件开发样板。

11.jpg

一个jQuery插件开发的JavaScript模式。除了大家都知道的JavaScript模式有用外,开发的另一个侧面可以受益于它自己的一套设计模式:jQuery插件。官方jQuery插件创作指南,提供了一个很好的起点,编写插件和widget入门,但我们更进一步。

12.jpg

一个组织良好的构建WordPress部件的维护样板。

13.jpg   Root是基于HTML5 Boilerplate 和来自Twitter的Bootstrap上的一个WordPress主题。

14.jpg

Bones是一个WordPress主题开发样板。它包含经典(fixed grid)和响应布局可选择。

15.jpg

Starkers是一个极简单的WordPress的主题,可创建充当为主题设计师的基础。

16.jpg

将HTML5引入WordPress,你可以使用这TwentyTen Five WordPress模板建立你的HTML主题。

来源:英文原文 ;中文编译:IT瘾;译文地址:原文链接

bea023668e01f80088e5b2ee9ea38494.png

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值