html5


HTML5 placeholder兼容性探讨

关于HTML5占位符placeholder的文章,之前发表过几篇: placeholder占位符兼容性及拓展 修改placeholder(css3表单填充)颜色 javascript兼容placeholder代码 我们了解到placeholder不支持IE10以下的浏览器,关于兼容性问题你可以到canIUse上了解。 目前 …


关于HTML5 Audio线程问题

移动端果然很坑! 在移动端IOS平台上用new Audio每次调用这个API都会创建一个新的线程,而且还不能销毁。。。直到拖死应用 后来改进了换了AudioContext,线程问题解决了 https://developer.mozilla.org/en-US/docs/Web/API/AudioContext 但是带来了一个问 …



Modernizr.js:为HTML5和CSS3而生!

modernizr这个JS,在国外的主题里面很多地方都看到,就只记得是为html补充的,有点类似与responsive.js一样。今天搜索到这篇文章,深入的讲解了modernizr.js是为检测浏览器的css3和HTML5的属性而生,从而通过CSS来解决兼容性问题。


移动混合应用HTML5数据查询优化

项目介绍 pheongap混合应用,跨平台,做应用加工厂提供应用模板编辑器~ 本地应用,完全是模拟IOS,安卓原生应用的实现,所以支持14种手势,所有PPT动画,视觉差效果,等等功能组合。。。 这是IDE的功能设置   HTML5本地数据库就是用SQLite,这是我 …


避免常见的6种HTML5错误用法

一、不要使用section作为div的替代品 人们在标签使用中最常见到的错误之一就是随意将HTML5的<section>等价于<div>——具体地说,就是直接用作替代品(用于样式)。在XHTML或者HTML4中,我们常看到这样的代码: <!– HTML 4-style code –> …



18个基于 HTML5 Canvas 开发的图表库

如今,HTML5 可谓如众星捧月一般,受到许多业内巨头的青睐。很多Web开发者也尝试着用 HTML 5 来制作各种各样的富 Web 应用。HTML 5 规范引进了很多新特性,其中之一就是 Canvas 元素。HTML 5 Canvas 提供了通过 JavaScript 绘制图形的方法,非常强大。今 …


响应式Web设计(HTML5和CSS3)工具集

响应式设计 响应式设计的开篇之作: http://www.alistapart.com/articles/responsive-web-design/ 响应式图片方案:http://filamentgroup.com/lab/responsiveimagesexperimentingwithcontextawareimage_sizing/ 自适应图片方案: http://adaptive-images. …


通过HTML5的getUserMedia实现拍照功能

参考HTML5Rocks的这篇文章实现的一个简单的例子。 思路如下: 1. 把冰箱门打开 2. 把大象放进冰箱里 3. 把冰箱门关上 好了不开玩笑了,其实思路是: 1. 通过getUserMedia调用设备的摄像头(电脑、手机都可以,取决于浏览器对这个API的支持情况),并将 …