Tag Archives: HTML5

[转]如何为 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, Javascript167 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 & CSS151 views | Tagged | Leave a comment

Dreamweaver CS5 HTML 5 扩展包下载

Posted on 2010年05月20日 by Bell

今早Adobe Labs 放出了 Dreamweaver CS5 的 HTML5 扩展包 HTML5 扩展包得的新特性： 多屏幕预览面板，适用于同时为不同设备开发 HTML 应用 支持对 HTML 5 新增的标签库的代码提示 支持对 CSS 3 代码提示 增加 Video 和 Audio 标签的实时预览 改进 CSS 3 实时预览效果 改进设计视图下对 HTML 5 新增标签的渲染效果

Posted in HTML & CSS, Software186 views | Tagged , , | Leave a comment

HTML5新功能演示

Posted on 2010年04月29日 by Bell

HTML5新功能演示 DEMO>> 如果你想100%运行演示文档中的这些DEMO，请使用Google Chrome浏览器，并在运行Chrome时加上一些参数来启动浏览器的对应功能。(测试中发现部分DEMO无法运行) 演示文档demo目录: #1-2 … #3. Web技术大致的时间轴 #4-5 … #6. JS APIs 新的选择器 #7. JS APIs 本地储存 – Web Storage #8. JS APIs 本地数据库 – Web SQL Database #9. JS APIs 文件缓存 – Application Cache API #10. JS APIs … Continue reading →

Posted in HTML & CSS239 views | Tagged , | Leave a comment

HTML 5 Demos and Examples

Posted on 2009年12月10日 by Bell

  HTML 5 experimentation and demos I’ve hacked together: Working Interactive canvas gradients (Safari, Firefox) Canvas & Video (Safari, Firefox) Video (Safari, Firefox)

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