HTML5的当下与未来?

发表于 & 归档在 CSS, HTML, HTML5, JavaScript, Web.

HTML5技术而今已不再陌生,不管是趋之若鹜,热情拥抱,还是远远张望,保持距离,HTML5都是技术论坛热门的话题,给人的感觉就是酷、新、看上去很美

任何技术都有他的适用范围,HTML5技术是一种被夸大了的万金油,在目前浏览器支持不一,开发工具,第三方类库缺乏的情况下,HTML5无法解决一切问题,但如果限定它的使用范围,HTML5确实可以优雅的解决很多问题
HTML5

famo.us是什么?

发表于 & 归档在 CSS, HTML, JavaScript, Web.

初次访问famo.us,被他的动画和交互效果所震撼,研究过其代码后,发现用到三种技术:matrix3d变换,requestAnimationFrame实现动画,以及物理运动引擎,单从技术上看三者都不难实现,但事物表面背后往往隐藏深意,famo.us的由来和目标却是野心勃勃。

famo.us2

通过JavaScript访问和修改CSS3动画

发表于 & 归档在 CSS, HTML, JavaScript, Web, 翻译.

原文: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 Animation Store 这个主意是通过一个简单的接口来访问CSS动画,实际上之前的Morf.js和CSSA中都有这样的处理,大部分代码已经有了,只需要整整,按照Chris所建议的接口风格写下来 从GitHub下载CSS Animation Store 下面是CSS Animation Store的基本接口(关于代码如何工作的信息),将代码放在标签之前,会创建一个全局的对象 CSSAnimations,这个对象包含所有当前可以使用的CSS动画 比如,获取名称为”spin”的动画,你可以按下面的代码: var spin = CSSAnimations.spin; 参数spin是一个KeyframeAnimation实例,有下面的属性和函数: keyframes – KeyframeRule 集合 original – 原始对象 WebKitCSSKeyframesRule 或者MozCSSKeyframesRule 类型 getKeyframeTexts() – 返回所有keyframe文本集合, e.g. [‘0%’, ‘50%’, ‘100%’] getKeyframe(text) – 返回指定文字的 KeyframeRule 对象, e.g…. Read more »