首页

搜索结果

"tag:"html5""


标题及摘要 日期/时间
1
Chart.js Documentation
Chart interactivity If you are looking to add interaction as a layer to charts, Chart.js isnot the library for you. A better option would be using SVG, as this will let you attach event listeners to any of the elements in the chart, as these are all DOM n...
2014-6-16
22:58:00
2
rockyuse/svgmap · GitHub
基于Raphael.js的svg地图组件 http://rockydo.com/svgmap/svgmap.html SVG画图可以兼容ie6+和其他浏览器,使用raphael作为引擎,并使用jquery制作了插件。
2013-9-27
9:29:00
3
raphael.js矢量绘图(3)绘图方法 – Dx. Yang
在RaphaelJs里,用来绘制形状的方法不算多,比较容易掌握。 矩形 参数:x轴坐标,y轴坐标,宽度,高度 paper.rect(x, y, width, height); 圆形 参数:圆心的x轴坐标,y轴坐标,圆半径 paper.circle(x, y, r); 椭圆 参数:圆心的x轴坐标,y轴坐标,x轴半径,y轴半径 paper.ellipse(x, y, xr, yr); 路径 paper.path('M10,10 L20,20'); 路径是矢量绘图里最强大的工具,同时也比较复杂。 路径的参数是...
2013-9-27
8:38:00
4
RGraph - HTML5 and JavaScript charts
RGraph is a HTML5 canvas and JavaScript based library built for web charts and supports over twenty different types of visualisation. Using the new canvas tag, RGraph creates these "HTML charts" inside the web browser using JavaScript, meaning q...
2013-9-25
17:42:00
5
Gallery · mbostock/d3 Wiki · GitHub
Welcome to theD3 gallery! Feel free to add links to your work! More examples are available onbl.ocks.org/mbostock. If you want to share an example and don't have your own hosting, consider usingGistandbl.ocks.org.
2013-9-25
17:42:00
6
50 JavaScript Libraries for Charts and Graphs | TechSlides
How are you visualizing data in JavaScript? What is your favorite library for creating charts and graphs with JavaScript? I have been a long time fan ofjqPlotfor its open source approach, simplicity,examples, and great features. It performs well, it is us...
2013-9-25
17:41:00
7
Sencha Touch Performance Tips and Tricks
How we worked with Sencha Touch 2 -some performance hints and other tips Our team has been developing with Sencha Touch 2 since its pre-release days late 2011. We have spent a lot of time tweaking components and trying different techniques in order to spe...
2013-5-21
16:46:00
8
iPhone5和iOS6上HTML5开发的新增功能
开发移动应用到底是选择native、Web应用或者混合应用?答案是不同的移动应用需要不同的技术,选择合适的就行。其实大多数移动应用,不管是企业移动应用还是互联网移动应用,90%都可以使用基于HTML5的Web技术就足够。在Android 4.0和iOS 6以上浏览器已经是最快的应用了,比任何本地的微博、微信都快,无须更新升级,无须上传分裂的APP市场,无须突然被苹果下架应用。再看看最近发布 Firefox OS 开发手机的配置也大概知道,运行大多数应用不需要那么高配置。 目前主流的智能终端中,iOS6对...
2013-1-24
11:17:31
9
iPhone5和IOS6对HTML5的新增支持_博看文思-HTML5_百度空间
尽管桌面平台上的safari一直不是最好的HTML5浏览器,但随着iPhone5和IOS6的正式发布,苹果再一次增加了很多HTML5的特性支持。不难看出苹果仍是HTML5发展的中流砥柱。 iPhone5改变了iPhone一直以来的2:3屏幕宽高比,变为了40:71。之前做iPhone上的应用和游戏,大部分只需要考虑320*480即可,而之后我们必须再考虑:320*568 支持文件上传的标签。终于可以在浏览器内上传文件了。 可以访问...
2013-1-15
8:27:10
10
如何优化 Sencha Touch 性能
优化应用程序的启动时间: 使用sencha cmd 的build工具打包和压缩所有需要的js文件成一个单独的文件,如app-all.js 压缩你的JS和CSS文件。删除任何未使用的的JS函数或CSS mixin的(通过SASS/Compass能很容易地检查)。有关详细信息,请仔细阅读http://www.sencha.com/blog/an-introduction-to-theming-sencha-touch 动态加载外部JS文件,在这里已经有一个很好的话题:在Sench...
2012-9-21
12:38:13
11
6个新jQuery技术让你的设计内容更有趣
设计师们不断努力创造醒目和不失实用性功能的交互式布局,以增强重要的用户体验。 由于时下有各种形式的技术可以使用,选择时十分眼花缭乱。而内容可以帮助提升设计,或为聚焦服务。 这里主要挑战是让事情简单化,因为我们处理的交互式内容,会经常变化。 话虽如此,让我们看看这6个jQuery技术,它们提供了丰富的浏览体验。 1.JQUERY TRANSIT 平滑的 CSS3 和 jquery 过渡动画 一个非常有用的jQuery插件,和animate() 方法一样以同样的方式工作,但由CSS3实现过渡。你可以利用CS...
2012-7-24
15:32:06
12
6个免费的翻页效果jquery插件
在过去的三到五年web开发世界,jQuery的引入和流行已经取得重大的进展。Web开发人员和程序员,不断引进新的概念和方法,创建类似Flash惊人效果,然而:Flash变得过时了,Flash正在越来越少被Web开发人员和网络管理员利用。 几年前,许多网站使用Flash来创建很多疯狂的Flash组件,但那些日子因为与其实现有关已经嘎然而止并逐渐让位给脚本语言,如jQuery和MooTools正复制Flash过去的效果。 页面翻转,已成为最流行的网页设计互动动画的捷径之一。他们可以很容易地实现在Fla...
2012-5-18
10:38:54
13
你能用Paper.js做什么?
现在已经有很多利用HTML5的JavaScript框架。 Paper.js是这些框架其中一个,它以容易理解的方式使用DOM构造对象。它提供了在支持canvas标签的web浏览器上以创造性和优雅的方式做大量操作。它也提供了一种新的和有趣的方式画矢量图形。 基本的安装如下: script src="js/paper.js" type="text/javascript"/script script src="js/main.js" type...
2012-5-6
13:28:51
14
开发杀手移动用户界面的7个步骤
有些微妙,你有一个智能手机,而没有意识到你个人和它已经发展出一种特殊的关系。我们最近了解到,史蒂夫·乔布斯掌管的他自己组建的团队,创建了第一代iPhone——“人们会爱上的电话。”无论我们承认与否,我们与我们的iPhone,黑莓,Andr...
2012-4-18
9:37:09
15
在HTML5里用Ajax上传文件到Java Servlet
HTML5带来一个很棒的功能,就是能够使用XMLHttpRequest版本2上传文件。 现代Gecko和WebKit浏览器,包括一个完美的对象参数formdata,允许结合既简单又复杂的表单数据(文本和文件)包含在Ajax请求的对象中。 让我们告诉你如何做到这个。 在这个例子中,我们有两个输入框的表单,一个代表一个简单的文本字段,另一个代表一个文件字段,如下面的代码所示。 form id="form1" label for="sampleText"Ple...
2012-4-14
9:38:03
16
构建移动Web应用程序的技术堆栈
编写web应用程序时,有很多的技术决策。笔者最近回来编写现代Web应用程序,并希望总结一些曾经在开发周期过程中做了记录零散的想法。这篇文章是关于一套对 笔者最近开发的项目有帮助的框架。 笔者重温了一些最重要的框架类型,其中每一个可以展开来写一篇文章。这并不是一个广泛的现有产品相比,只是一个 笔者最近使用的部分技术。 虽然笔者的重点是移动优先, 笔者认为,这套技术可以应用在一般的web应用程序。 笔者的决定和数据支持考虑了几个要求: 基于JavaScript(CoffeeScript,Dart,绝...
2012-4-1
11:26:12
17
jPlayer - 一个HTML5音频/视频媒体库
jPlayer是 用JavaScript编写并完全免费和开放源码( GPL/MIT)的媒体库,一个jQuery插件,jPlayer让您迅速编写跨平台的音频和视频到您的网页。 jPlayer广泛的API允许您创建创新的媒体解决方案,而且jPlayer的活跃和成长社区提供了支持和鼓励。 jPlayer简介 容易上手,在几分钟内部署 完全定制和可使用HTML和CSS换肤 轻便 -缩小和gzip压缩后只有8KB 自由和开放源码,没有许可限制 活跃和不断成长的社区提供支持 ...
2012-3-16
10:36:11
18
16个有用的快速启动项目样板
样板是可以重用在许多地方的一套代码文件,只需很少或根本不需修改。然而,这里我们正在谈论的boilerplates通常可以作为您项目的坚实基础。另外,这也是学习编码技巧和窍门的好地方! 样板是非常有用的,因为它通常包括最佳编码实践,也包含很多的技巧和窍门,否则将需要几年的时间学习。要是没有HTML电子邮件样板作为例子,建立一个EDM(Email Direct Marketing,即电子邮件营销)是不容易的,它需要你回到HTML1.0,没有更多的div,span或高级的CSS设置,如浮,位置等,你需要用表...
2012-3-13
12:13:37
19
使用 jQuery Mobile 快速开发 mobile 网站
使用过jQuery的人一定都爱死jQuery有名的“write less, do more”。只要透过jQuery,我们就不用再担心恼人的跨浏览器问题。但随着手持式装置的渐渐普及,大家开始发现跨览器问题到了手机上反而比PC上更加严重:在手机上不只是浏览器不同,OS的歧异度也比PC上来得更加严重。于是,在2010的10月jQuery终于在大家的期待之下推出了jQuery Mobile。只要使用这个简单易用的framework,很快就可以做出跨device的mobile appilca...
2011-11-25
16:26:14