Tag Archives: CSS3

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

有一个为 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

Dreamweaver CS5 HTML 5 扩展包下载

今早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新功能演示

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

CSS3:阴影-文字阴影&模盒阴影

阴影是设计中经常用到的效果,它能提高设计的质感,在CSS3中具有text-shadow,box-shadow属性,通过简单的设置就可以实现不错的阴影效果.如图: text-shadow语法: selector { text-shadow: length1 length2 length3 color;} 其中: length1: X轴方向偏移(正值是向右偏移,负值是向左); length2: Y轴方向偏移(正值是向下偏移,负值是向上); length3: 阴影模糊半径(值越大阴影越模糊); color:阴影颜色;

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

如果你也关注CSS3,那么这一定是你想要的

css3.0中文参考手册! 在蓝色上看到的,归纳总结的不错. 下载

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