Flotr快速入门指南

Flotr是一个基于Prototype开发的javascript绘图工具。支持图例、鼠标跟踪、图片区域选择、图片缩放、添加事件钩子(event hook)、通过CSS设置样式等。本文是快速创建并运行Flotr的入门指南。首先确保你从Google Project得到Flotr的副本。

准备HTML

要使用Flotr,你得在header标签中包含如下脚本:

<!--[if IE]><script language="javascript" type="text/javascript" src="path/to/excanvas.js"></script><![endif]-->
<script language="javascript" type="text/javascript" src="path/to/prototype-x.x.x.x.js"></script>
<script language="javascript" type="text/javascript" src="path/to/flotr.js"></script>

第一个script标签包含了一个html条件语句, 这样可以确保只有在用户使用IE时才包含excanvas?javascript文件。Firefox、Safari和Opera 9 支持canvas标签来绘制2d图形。IE有一些类似于canvas标签的东西,叫VML。Excanvas为IE增加了canvas功能,但其它浏览器不需要它。 继续阅读“Flotr快速入门指南”

Adobe最近将推出Edge项目

Adobe最近将推出Edge项目,Adobe Edge是使用HTML5和CSS3制作动画制作和交互的工具。拥有包括时间轴、图层和属性在内的面板。用户可以实时地查看设计的内容,并以与网络用户相同的方式与内容互动。


我们可以订阅发布通知:adobe.com/go/projectedge_notify。

Dreamweaver CS5.5改进对HTML5的支持

如果安装过Dreamweaver CS5的HTML5扩展,在编写部分HTML5标签及DOM 3 Javascript代码时可以使用代码提示。现在Dreamweaver CS 5.5增强了对DOM 3 Javascript代码提示的支持。如下图:

html5代码提示

学习HTML5已经有一段时间了,苦于没有一个很好的HTML5 IDE,终于盼到新版的Dreamweaver了。