BT

如何利用碎片时间提升技术认知与能力? 点击获取答案

HTML5 Boilerplate 4:改进了Apache配置和图片替换技术,并采用MIT许可证

| 作者 Bienvenido David III 关注 0 他的粉丝 ,译者 雷慈祥 关注 1 他的粉丝 发布于 2012年9月24日. 估计阅读时间: 4 分钟 | Google、Facebook、Pinterest、阿里、腾讯 等顶尖技术团队的上百个可供参考的架构实例!

HTML5 Boilerplate(H5BP)为HTML5和CSS开发提供了原始模板。它包含了一套有关Web前端开发的最佳实践,其中包括Web服务器的推荐设置。以下是H5BP 4的最新消息。

改进了Apache压缩配置

Apache 2.4已经修改了FilterProvider的语法,目前使用布尔表达式确定过滤器是否启用。H5BP 4不再使用FilterProvider,而是使用了更简单的gzip压缩设置,该方法在Apache 2至2.4版本上有效。可在H5BP 4的.htaccess文件中找到该配置。

HiDPI设备检测

H5BP 4为HiDPI(Retina)分辨率添加了一个设备检测示例。在main.css中可找到该示例。

随机文档

目前H5BP 4发行包包含一个doc文件夹,包含该版本H5BP的所有文档。这保证了文档可以离线阅读,并与当前使用的H5BP的版本一致。该文档已合并,且更易用。因为多数行内注释已被转移到文档中,H5BP已不再提供精简版本的下载。

MIT许可证

先前没有许可证的H5BP 4现采用MIT许可证,可在LICENSE.md中找到该许可证。它为H5BP提供了许可证,该许可证解决了不能采用公有领域授权发布软件的问题。MIT许可证是OSI认可的,所以取得OSI认可许可证的公司目前可以免费使用H5BP。

Normalize.css 1.0.1

H5BP 4已经升级使用Normalize.css 1.0.1。目前Normalize.css还是存在于独自的CSS文件中。这使得升级或删除normalize.css变得更加容易。

console.log保护

早期版本的H5BP使用log函数,它封装了console.log。使用包装器改变了日志上报的行号,丢失了上下文信息使得日志显得没有那么有用了。目前H5BP 4推荐直接使用console.log,并为早期版本的IE添加了存根代码。这些不依赖于jQuery的存根代码可以在plugin.js中找到。

中性色作为选中颜色

H5BP文本选中时鲜明的粉红色已被替换成中性色。

图片替换(IR,image replacement)新技术

之前版本的H5BP中的图片技术存在着各种各样的问题,这次,均通过使用伪元素的方式得以解决,它可以强行令元素内容下移,却无需覆盖元素背景。至于IE 6/7,H5BP转而使用text-indent。关于这项图片替换新技术的优缺点的全部内容,请阅读H5BP GitHub commit #1149

代码清理

目前H5BP一致地在HTML中使用引号,在CSS中颜色值使用十六进制。目前H5BP有很多CSS和JS代码,并使用4个空格作为缩进。使用闭合标签和常见的大写DOCTYPE声明。原有的style.css被拆分成main.css和normalize.css。js/libs目录更名为js/vendor。原有的空文件scripts.js更名为main.js。

jQuery 1.8.0和Modernizr 2.6.1

H5BP 4已更新,使用了jQuery 1.8.0和Modernizr 2.6.1。非精简压缩版本的jQuery已被移除。请注意截止本文撰稿时jQuery和Modernizr的最新版本分别是1.8.1和2.6.2。

更多详情,请访问H5BP网站并阅读H5BP 5更新日志。对于那些从事移动web开发的人,你可能还想阅读更多关于Mobile Boilerplate的内容。

查看英文原文:HTML5 Boilerplate 4: Improved Apache Configuration, IR Technique and Use of MIT License


感谢贾国清对本文的审校。

给InfoQ中文站投稿或者参与内容翻译工作,请邮件至editors@cn.infoq.com。也欢迎大家通过新浪微博(@InfoQ)或者腾讯微博(@InfoQ)关注我们,并与我们的编辑和其他读者朋友交流。

评价本文

专业度
风格

您好,朋友!

您需要 注册一个InfoQ账号 或者 才能进行评论。在您完成注册后还需要进行一些设置。

获得来自InfoQ的更多体验。

告诉我们您的想法

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我
社区评论

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

允许的HTML标签: a,b,br,blockquote,i,li,pre,u,ul,p

当有人回复此评论时请E-mail通知我

讨论

登陆InfoQ,与你最关心的话题互动。


找回密码....

Follow

关注你最喜爱的话题和作者

快速浏览网站内你所感兴趣话题的精选内容。

Like

内容自由定制

选择想要阅读的主题和喜爱的作者定制自己的新闻源。

Notifications

获取更新

设置通知机制以获取内容更新对您而言是否重要

BT