日期:2014-05-17  浏览次数:20504 次

HTML5相关资源--示例/插件与功能

针对多点触控浏览器进行的开发:

http://select.yeeyan.org/view/213582/202991

?

如何写一个JQuery插件:

http://www.skygq.com/2010/12/07/how-to-write-a-jquery-plugin/

?

jquery多点触控支持插件Touchable

https://github.com/dotmaster/Touchable-jQuery-Plugin

?

Canvas手册:

https://developer.mozilla.org/en/Canvas_tutorial

http://www.html5canvastutorials.com/

?

How to Use the Canvas and Draw Elements in HTML5:

http://answers.oreilly.com/topic/1929-how-to-use-the-canvas-and-draw-elements-in-html5/

?

用CSS3制作50个超棒动画效果教程:

http://blog.bingo929.com/50-awesome-css3-animations.html

?

7个富有想象力的html5 Canvas+javascript动画:

http://www.36ria.com/2662

?

webgl示例:

http://code.google.com/p/webglsamples/

?

HOWTO: Create native-looking iPhone/iPad applications from HTML, CSS and JavaScript:

http://matt.might.net/articles/how-to-native-iphone-ipad-apps-in-javascript/

?

10个便利的HTML5/CSS3框架推荐

10个jQuery全景图片展示插件推荐

?

题外,专业设计中的 40 款免费字体:

http://www.oschina.net/news/22693/40-free-fonts-for-your-professional-designs?from=20111106

?

计算FPS:

var fps = 0, now, lastUpdate = (new Date)*1 - 1;

// The higher this value, the less the FPS will be affected by quick changes
// Setting this to 1 will show you the FPS of the last sampled frame only
var fpsFilter = 50;

function drawFrame(){
  // ... draw the frame ...

  var thisFrameFPS = 1000 / ((now=new Date) - lastUpdate);
  fps += (thisFrameFPS - fps) / fpsFilter;
  lastUpdate = now;

  setTimeout( drawFrame, 1 );
}

var fpsOut = document.getElementById('fps');
setInterval(function(){
  fpsOut.innerHTML = fps.toFixed(1) + "fps";
}, 1000);