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 onlyvar 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);