Tag Archives: HTML5相关

x-webkit-speech 语音输入功能

Posted on 2012年01月7日 by Bell

现在各大网站都在搜索框中加入了语音输入功能，不过目前只有Chrome 11及以上版本才支持。 可以用chrome浏览器在这里试试效果，点击话筒即可： 实现起来也非常简单，为input添加名为 x-webkit-speech 的属性就行了。

Posted in HTML & CSS237 views | Tagged | Leave a comment

常用的CSS3文字特效

Posted on 2011年06月25日 by Bell

PS：请使用支持CSS3的浏览器，如Chrome、Firefox3.5+、Safari4+、Opera 文字阴影 text-shadow text-shadow是最为简单及常用的效果，而且有很多变换，这里列举一些有代表性的： 1.普通： .text-shadow{ text-shadow:1px 1px 2px #2c5103; color:#60ad0d; } Here is some text effect

Posted in HTML & CSS1,166 views | Tagged , | 1 Comment

使用CSS3阴影制作立体感效果

Posted on 2011年04月21日 by Bell

CSS3非常强大，发挥想象力便可以用它制作出非常绚丽的效果，这里就使用CSS3的两个属性来制作具有立体感的效果。效果图如下：

Posted in HTML & CSS1,462 views | Tagged , | 5 Comments

[转]如何为 iPad 打造速度超快的 HTML5 软件

Posted on 2010年06月23日 by Bell

有一个为 iPad 设计的用来查时区的 HTML5 软件 everytimezone.com 最近引起了一些注意。它简单、到位，可以离线使用，并且速度极快。由于 HTML5 软件本质上只是一个网页，故不需要通过苹果的 App Store 商店发行，用户只要用 iPad 访问 everytimezone.com，然后将书签存到桌面，下一次打开就变成了一个与原生软件几乎无异的东西。everytimezone.com 的作者托马斯·富赫是资深 JavaScript 专家，也是 JavaScript 框架 Prototype 的核心开发者之一。他近日在博客上撰文传授了如何保证 HTML5 软件在 iPad 上飞速运行的七条秘诀，特翻译如下。—— 编者 一、少用图片 一开始，为了做出用来表示各个城市的每一天的那种渐变效果，我们用了一套相当复杂的 -webkit-gradient，结果发现这会令转译速度变得非常非常慢。-webkit-gradient 的工作方法是构建位图，对于浏览器的转译引擎来说，这和从外部加载图片（例如一张 PNG）是完全一样的。MobileSafari 显示图片速度之慢是出了名的（希望 4.0 对此有所改进），要解决这个问题，基本上只能不用图片和 -webkit-gradient。

Posted in HTML & CSS, Javascript1,474 views | Tagged , | 1 Comment

让IE支持HTML5标签

Posted on 2010年05月29日 by Bell

HTML5的特性之一就是新增了语义的标签,比如 header, nav,section,aside, footer,audio,canvas等等.这些标签为设计者提供了更为灵活高效的布局方式.可惜目前的IE是不支持这些标签的…不过还是可以通过一些手段让IE支持部分标签. 先来看看一个HTML5的布局,由于IE无法识别新的语义化标签,所以样式表并没有起作用.

Posted in HTML & CSS755 views | Tagged | Leave a comment
Pages: 1 2 Next