HTML5
关注HTML5的新技术，分享HTML5的动态和HTML5资源
浏览器发现诡异的input代码
最近遇到的一个比较诡异的input变化，前后的代码都是一致的，却出现不一样的显示效果，然后我查看了两者的对比发现多了下面这行代码： input:not([type="image"]), textarea { box-sizing: bord ...
HTML5兼容所有浏览器的视频播放代码
HTML5视频播放不支持IE6-IE8系列浏览器，同时一些比较旧的浏览器也只支持flash方式，拥抱HTML5的同时还要兼容其他浏览，本文将介绍接种方式来解决这个问题。下面这段代码为兼容所有浏览器的代码。
最好的前端开发资源推荐
很早的一篇前端开发资源，今天才看到，里面有各种各样的开源资源，包括HTML5、CSS3、jQuery、PHP和JavaScript库等，每个资源都是比较热门的，你可以将它运用到你的项目中，或者可以纯粹的拿来学习，从各位前端大神的作品中成长。 ...
HTML5 元素 datalist 介绍
元素介绍 想象一下我们想要用户输入一个字符串，例如他们的名字，我们可能会用到<input type="text"/>元素，这样子用户就可以随意的输入他们的内容。想象一下假如我们需要用户输入的是他们的国家居住地，我们更喜欢使用&l ...
Material Design 实用案例演示
Material Design 是 Google I/O 2014 最新推出的全平台设计指南。很多效果看起来很炫，有没有办法使用HTML5来做。下面分享一些靠谱的演示代码，代码都是来自codepen上面的代码：详细可以参考 Material ...
移动端资源集锦
前端开发很多知识不学习就落后了，尤其是移动端发展更是迅速，随着市场的逐步扩大和相关技术的日趋完善，各种问题和解决方案也层出不穷。当然最主要的还是CSS3和HTML5的知识，Javascript的内容也越来越丰富，有nodejs等。下面推荐一 ...
x-webkit-speech实现语音搜索
该属性只在chrome11中有效，你可以用chrome打开试试看 实现方法就是在input里面添加一个x-webkit-speech。代码如下 <input type="text" x-webkit-speech/> 如果浏览器 ...
html5shiv让IE6-IE8支持HTML5标签
越来越多的站点开始使用 HTML5 标签。但是目前的情况是还有很多人在使用IE6，IE7，IE8。为了让所有网站浏览者都能正常的访问网站，解决方案就有下面两个： 为网站创建多套模板，通过程序对User-Agent的判断给不同的浏览器用户显示 ...
Modernizr.js:为HTML5和CSS3而生！
modernizr这个js，在国外的主题里面很多地方都看到，就只记得是为HTML补充的，有点类似与responsive.js一样。今天搜索到这篇文章，深入的讲解了modernizr.js是为检测浏览器的CSS3和HTML5的属性而生，从而通 ...