现在位置 >首页 > 所有属于HTML5分类文章
tag-html5 category
发表于281 天前 HTML5 评论数 4
移动网站开发——CSS
  介绍 Mobile css的标准也是有些复杂的,与前一篇文章中提到的类似,之前存在着一个W3C制定的CSS Mobile Profile 1.0以及OMA的WAP CSS 1.0,事实上它们都是CSS 2.1的子集,而且内容非常接近,不同的是,WAP CSS 1.0针对移动设备加入了一些扩展,这些扩展通过-wap-前缀来实现。 后来,W3C将二者进行了整合,吸收了WAP CSS1.0的一些优点,推出了CSS Mobile Prifile 2.0规范,它也是CSS 2.1的一个子集。我们本文将主要讨论这个规范。 CSS Mobile Profile 2.0中的CSS支持 因为这是CSS 2.1的一个子集,那么我们对...
阅读全文
深入HTML5: HTML5 本地存储( Local Storage )
深入HTML5: HTML5 本地存储( Local Storage ) 原文连接:[url]http://diveintohtml5.org/storage.html[/url] (深入HTML5) 译者的话:上周读到这篇关于html5 local storage 的综述性文章觉得十分受益。这篇文章是作者的书HTML5 up & Running的的一个章节,并在线以 CC-BY-3.0 License授权。 可以看到dojox.storage 是在HTML5标准成型前整个业界唯一提供统一的本地存储接口的框架。 即使是在今天,为了兼顾用户较早版本浏览器的兼容性,dojox.storage 仍然有很大的作用. 文章较长,分两部分翻译。 今天是第...
阅读全文
tag-html5 category
发表于358 天前 HTML5 暂无评论
移动HTML5应用的前景
这是一个从PC延续到移动设备的话题,看起来在PC领域Flash与HTML5之争是后者胜利了,但是双方都了解并且现状也的确是这样。尽管HTML5作为一项开放标准获得了众多支持,但Flash仍然是毋庸置疑的事实标准,而HTML5的应用仍然凤毛麟角。当然这并不意味着HTML5会消失,只是技术人员需要时间来熟悉新技术的特性,而HTML5自身也需要一个不断完善的过程,更重要的是在支持HTML5的浏览器全面普及前很少网站能采用如此大胆的设计,最多不过是设计两套方案按需选择,毕竟Flash插件的高普及度决定了它是事实标准。 而在移动领...
阅读全文
15 款 2011 年最经典的 HTML5 游戏推荐
在过去的一年内,Web 技术有着非常大的变革性的创新,取得长足的进步,特别是 HTML5 技术更为 Web 带来新鲜的血液。这将直接改变 Flash 控制着Web 游戏的局面。越来越多的开发人员开始使用 HTML5 来开发一些交互性非常强、效果非常出众的应用和游戏。 接下来我们将会你介绍 15 非常棒的基于 HTML5 开发的 Web游戏: 1. Chain Reaction 2. Biolab Disaster 3. Bubble Trouble 4. Runfield 5. Sand Trap 6. Torus 7. Space War 8. Google Pacman 9. Angry Birds (Would run on Google Chrome only) 10. RGB Invaders...
阅读全文
Workflow HTML5 作图工具–HTML5 diagram editor
Workflow HTML5 作图工具 官方链接 :http://diagramo.com/editor/
阅读全文
Google HTML 5练兵场 提供详尽代码示例
Google HTML 5练兵场 提供详尽代码示例 继Apple推出自己的HTML 5网站之后,作为推广HTML 5两巨头之一的Google也不甘寂寞,于是不久前他们推出HTML5 ROCKS。 Apple和Google现在是两大推广HTML 5和WebKit的巨头,既然Apple有一个专门推广HTML 5的网站,那Google也不能落后,于是他们祭出了HTML5 ROCKS。 HTML5 ROCKS里目前有9个关于HTML 5功能的指南,通过“代码练兵场”还能让你插入自己的代码进去实践──很显然Chrome对它们的支持是最好的,Safari也没问题,被Chrome Frame强行插入的IE也能胜任。除此之外,HTML5 R...
阅读全文
tag-html5 category
发表于399 天前 HTML5 暂无评论
HTML 5视频标签
HTML 5视频标签 视频标签的出现无疑是HTML 5的一大亮点,接下来我们将探讨如何在项目中使用HTML 5视频标签,由于旧的浏览器和Internet Explorer不支持<video>元素,我们必须为这些浏览器找到一个支持Flash文件的解决方案。 不幸的是,和HTML 5音频一样,涉及到视频的文件格式,Firefox 和 Safari/Chrome 的支持方式并不相同。因此,如果你想在这个时候使用HTML 5视频,则需要创建三个视频版本。 OGG Firefox 能良好支持这种格式。你可以使用 VLC (媒体 -> 串流/保存) 实现视频的轻松转换。 MP4 许多屏幕...
阅读全文
必须知道的22个学习html5的技巧(三)
16. 视频支持 音频元素 <audio>非常像,在新的浏览器上也支持HTML5视频。事实上,就在最近YouTube宣布了一项新的 HTML5视频嵌入。可惜的是,由于HTML5说明文件并没有为视频指出某个特定的编码器,所以都主要取决于浏览器来决定了。尽管Safari和IE9可以支持H.264 格式的视频,Firefox 和Opera却仍然坚持Theora 和Vorbis格式。因此,显示HTML5视频的时候,你必须提供两种格式。 17. 视频预先加载 你首先需要决定是否需要浏览器来预先加载视频。是否有需要?假设,一个访客进入某个专门用来显示视频的页面,那...
阅读全文
必须知道的22个学习html5的技巧(二)
8. 占位符 此前,我们需要使用JavaScript来创建文本框的占位符。你可以初步设定值属性来看是否合适,但是只要用户删除了该文本,输入的内容就会再次变成空的。占位符属性有效地弥补了这一点。 <input name=”email” type=”email” placeholder=”doug@givethesepeopleair.com” /> 9. 本地存储 多亏了HTML5的 local storage ,我们可以让高级浏览器“记住”我们输入的内容,就算后来浏览器关闭或者重新刷新也不受影响。尽管不是所有的浏览器都支持,但是最关键的 Internet Explorer 8, Safari 4, Firefox 3....
阅读全文
不想听你唠叨×