轻量高效的拓扑图组件
zh

通过JavaScript访问和修改CSS3动画

2013-04-17

原文:Accessing & Modifying CSS3 Animations with Javascript By Joe 昨天Chris Heilmann在Mozilla博客上写了篇关于使用javascript查找和生成CSS动画的文章,文中用了我的一个小例子,详细的说明了代码访问css动画的相关技术 Chris最后写道: 我希望用一个CSSAnimations集合类,通过json或者string存放不同的动画,并使用他们的名字作为key,这样,可以动态的创建一个新的css rule,并添加到document或者rule集合中(以保证跨浏览器),思考中 听起来是个好主意,所以我写了一段JavaScript代码来实现 …

阅读更多

关于CSS长度单位

2011-12-19

很久没有更新日志了,乘着夜色休息前的一点时间,记下一些关于CSS的东西,比如长度单位,字体大小,文字高度等。 CSS中的尺寸单位 CSS中的长度单位很多种:cm, mm, em, pt, px …其中“px”也就是像素用处最多。这些单位分两种类型,一种是绝对长度,或者称为“真实长度”,比如厘米,毫米,英寸,这些都是物理学中标准的长度单位,在打印文档时有重要意义,因为你设置多大尺寸,打印出来就是真实的尺寸,但对于电脑屏幕来说,这些所谓的“真实长度”也并非真实的长度,你可以用尺子对着电脑屏幕测量,一个10cm宽度的div通常不会是10cm,如果你问我到底有多长,我会告诉你电脑中的“10cm”约等于378像素,至于这378个 …

阅读更多

译:HTML5演示文稿资源列表

2011-09-02

http://blogs.msdn.com/b/cbowen/archive/2011/07/13/list-of-html5-presentation-resources.aspx 原作者:Chris Bowen 备注:这些都是学习HTML5的绝佳资料,强烈建议收藏 在最近的web,编程分会和用户组会议中,我参加了很多关于HTML5, Internet Explorer 9/10, CSS3 等课程,这些会议展示和提及了很多资源,所以我在这里列出来,希望能对你有所帮助 HTML5 HTML5 at W3C – 标准和学习资料 HTML5 W3C Logo – HTML5和相关logo HTML5 Labs – web标准的早期原 …

阅读更多

Safari Web Content Guide - 事件处理

2011-07-22

事件处理 本章介绍iPhone OS中用户网页交互时产生的事件,表单和文档会产生和桌面版相似的事件,iPhone OS 上的 Safari通过手势模拟鼠标事件,此外你还可以直接监听多点触摸和手势事件,这些是iPhone OS特有的,方位事件是另一种iPhone OS特有的事件,还有一点需要知道是哪些事件不被支持,如剪切,复制,粘贴。 用户可使用手势代替鼠标事件,如双拍缩放,滑动平移,但是单触多点触摸能否产生这些事件取决于点击对象是否可点击或者可滚动,见 “One-Finger Events” 和 “Two-Finger Events.”中的描述。 可点击对象有:链接,表单对象,图片热点区或者其他添加了 mousemove, …

阅读更多

Safari Web Content Guide - 数据的客户端存储

2011-07-22

数据的客户端存储 网页或网站程序有几种方式在客户端存储数据,你可以使用 JavaScript database 类,详见 Safari Client-Side Storage and Offline Applications Programming Guide, 在客户端存储程序数据或使用 HTML5 缓存资源文件,可以使网页在离线状态下依然可以显示,同样使用客户端缓存也可以提高网页的加载速度,降低网络连接数。本章节将描述如何利用HTML5程序缓存和数据的本地存储 要在客户端缓存资源,首先需要配置一个资源列表文件,并在主网页中申明这个列表文件,然后你可以使用JavaScript操作缓存以及相关操作。当没有可用网络时,之前被加载过的资 …

阅读更多

Safari Web Content Guide - 网页内容优化

2011-07-22

网页内容优化 优化iPhone OS下网页内容的第一步:将iPhone OS特有的内容与桌面版本的分开,接下来为iPhone OS调整网页。即使你的目标平台不是iPhone OS,你也可以按这些步骤操作,这可以确保你的网页在以后更容易维护 使用条件判断CSS,为iPhone OS创建特有的样式,见 “Using Conditional CSS.” 中的描述,你还可以通过对象侦测和WebKit侦测使用主流浏览器不支持的扩展功能 “Follow Good Web Design Practices” ,如果有必要,使用user agent字符串判断Safari版本和设备类型 “Using the Safari User Agent …

阅读更多

Safari Web Content Guide - 自定义样式表

2011-07-22

定制样式表 配置视口是优化iPhone OS下网页最重要的途径,但样式表能提供更多的优化手段。举个例子,使用iOS CSS扩展可以控制文字大小和元素的高亮,如果你使用条件CSS,可以不影响网页在其他浏览器下的显示效果。 查阅 “Optimizing Web Content” 了解如何使用条件CSS, “CSS Basics” 学习如何向HTML中添加CSS,参阅Safari CSS Reference 获取完整的Safari所支持的 CSS 属性列表 利用CSS3属性 Safari中有很多可用的CSS3属性,其中以 -webkit- 前缀的通常是被提议的CSS3属性或者是Apple的CSS扩展,如下面的例子,你可以使用下面的CSS属 …

阅读更多

Safari Web Content Guide - 获取地理位置

2011-07-22

获取地理位置 iPhone OS Note: 地理位置类从 iPhone OS 3.0 开始提供. 本章介绍获取和跟踪主机设备地理位置信息的相关JavaScript类,这些类隐藏了位置信息如何获取的具体实现──是通过GPS, IP地址,Wi-Fi,蓝牙或者其他技术?这些类允许你获取当前位置,或者一系列位置更新信息。 地理位置类 Navigator 对象具有只读的 Geolocation 实例变量,你可以通过这个 Geolocation 对象获取位置信息, Geolocation 中获取位置信息的函数通常可以设置回调函数, PositionCallback 或者 PositionErrorCallback 实例,因为获取位置信息可能会 …

阅读更多