文章关键字 ‘HTML5’

HTML5 number类型文本框step属性的验证机制

2012年12月7日,星期五

最近花了不少功夫折腾表单验证的些东西,主要是把HTML5的些东西向下兼容。本文是引子,相关基本内容之一。内容如标题所示,还有有点内容的,了解下没有什么坏处。外甥点灯笼——照旧,demo页面,丰富的截图以及必要的源代码展示。总之,希望本文的内容能够让您在末日之前学习到一点新的东西。

阅读全文…

Page Visibility(页面可见性) API介绍、微拓展

2012年11月29日,星期四

如果检测页面切页,最小化,关闭,切换选项卡,可以使用visibilitychange事件,使用visibilityState属性值。

阅读全文…

HTML5全屏API在FireFox/Chrome中的显示差异

2012年10月8日,星期一

FireFox浏览器下的黑色背景就是全屏元素,其中图片的居中对齐是通过CSS控制的(:after伪类生成元素+vertical-align:middle实现),例如去掉text-align:center图片就不水平居中了;而Chrome的黑色背景属于系统的东西,其全屏元素似乎被浏览器劫持,默认状况下永远屏幕居中显示(去掉text-align:center图片依然水平居中)——脱离了常规CSS理解——如默认的display:block状态似乎变成了display:inline-block等……

阅读全文…

不使用JavaScript让IE浏览器支持HTML5元素

2012年07月20日,星期五

如果我们不做什么手脚的话,IE6~IE8浏览器不支持HTML5元素, <nav>, <header>, <footer>, <article> …
然而,前篇Google前端规范HTML部分中提到:要使用语义的HTML5元素作为text/html, 考虑到Google不可能把IE8等浏览器弃之不顾,因此,肯定是有什么方法可以让IE6~8浏览器也支持HTML5元素的……

本文就将介绍几个不使用JavaScript实现IE浏览器支持HTML5元素的方法,希望本文的内容能够对您的学习有所帮助。

阅读全文…

如何灵活利用免费开源图标字体-IcoMoon篇

2012年06月4日,星期一

本文实际上是围绕IcoMoon这个平台介绍的,IcoMoon是为了方便广大前端开发人员使用图标字体而开发的。确实很好用,体验也很好,也非常有实用价值,故介绍。

使用一步一步,有非常详尽的截图,希望本文的内容能够对您的学习有所帮助。

阅读全文…

渐进使用HTML5语言识别, so easy!

2012年05月24日,星期四

本文介绍如何在您的浏览器上渐进使用HTML5语音识别功能,以及该功能潜在的一些问题。丰富必要的demo,生动有趣的截图,幽默诙谐的文字,相信本文的内容对您的学习有所帮助的。

阅读全文…

近期折腾:使用JS以及HTML5实现鑫情动画

2012年05月2日,星期三

大学时期,因为兴趣,花了不少时间学习flash动画制作以及AS脚本。后来开发个人网站时候,一方面想自娱自乐,另一方面由于这份无法割舍的情愫,开辟了个“阳光鑫情”的频道。要知道,这玩意很耗精力的。后来,工作忙了,任务重了,还要博客这块的压力,我只是个普通凡人,无法同时专注于几个事情,因此,“阳光鑫情”就让它去海南晒太阳去了。上周五一节前的几天,基本上没有什么活,各种x, y, z因素参杂在一起,让我突然脑中灯泡一亮——我是不是可以用HTML5实现“鑫情动画”?……

本文就将展示如何使用HTML5以及简单的JavaScript代码实现类似Flash的动画效果。

阅读全文…

去除inline-block元素间间距的N种方法

2012年04月24日,星期二

真正意义上的inline-block水平呈现的元素间,换行显示或空格分隔的情况下会有间距。
我们使用CSS更改非inline-block水平元素为inline-block水平,也会有该问题。
这类间距有时会对我们布局,或是兼容性处理产生影响,需要去掉它,该怎么办呢?
本文的内容就是详尽展示各种去除这类元素间距的方法。一如既往,有必要的截图、demo页面以及源代码展示等。总之,希望本文的内容能够对您的学习有所帮助。

阅读全文…

翻译:关于表单每个设计师都必须知道的10件事

2012年04月11日,星期三

估计没有什么比表单更让设计师出气了。表单不一定可以让(设计师)表现创意,还是可以?我们可能需要从做基本的层面,重新审视表单,理解表单——表单是用户和软件之间的对话。

忘掉切换啊,点击什么的,表单是我们数字设计师(我想应该是依赖计算机进行设计的设计人员)将面临的最富有的交互。下一次,你要对付一个表单的时候,不要认为就是要应用好看的CSS效果或是添加漂亮的jQuery特效。表单设计的水是很深的。

我已经做过上百个表单用户测试,为保险公司、假期预订交互设计过一些非常复杂的表单,以及其他很多。可能你最近使用的某个表单就是我设计的……

阅读全文…

观点:不要太依赖JavaScript库

2012年03月29日,星期四

JavaScript库已经成为了一个web开发人员的工具包的重要组成部分,一个很好的理由(zxx: 应指指依赖理由)。库让每个浏览器的JavaScript实现无差异,使开发人员可以专注于编写代码,10次中有9次将只是工作 – 这是一个了不起的事情。
但你可曾停下来想过学习JavaScript,而不是一切都依靠库?尽管我不主张离开库,但我依然要给你些东西让你去思考……

阅读全文…