HTML5特效收藏及框架

2019独角兽企业重金招聘Python工程师标准>>>

HTML5特效及网站欣赏：

（1）HTML5特效页面分享

（2）HTML 5 Demos and Examples

（3）HTML5九大超酷特效体验

（4）10个非常棒的HTML5、CSS和Javascript特效展示

（5）16个印象深刻的HTML5/CSS3/JavaScript体验

（6）canvas photo

（7）Mr. doob

（8）10个绝对让你疯狂的HTML5和JS实验性展示

（9）HTML5 Showcase

（10）“Block-level” links in HTML5

（11）最近好像非常时兴用HTML5做的网页幻灯片展示喔，这里有勾三股四制作的漂亮的幻灯片示例，内容也很好，推荐大家看：幻灯片

（12）微软发布首款与用户互动的HTML5动画体验网站

（13）超赞的HTML5网站：模拟真实环境，运用了大量的html5和css3特效传统网页中的元素都被现实化了，强大。

（14）30个使用HTML5技术的电子商务网站

（15）草莓音乐节官网之HTML5技术剖析

（16）HTML5像素效果动画，呈现 100x100 图片的像素聚合/分散效果，效果相当不错。能看到图片变成粒子的效果，当图片完全变成粒子时，点击粒子，又会复原成原图

（17）非常精彩的HTML5点击和拖拽的布料模拟

（18）HTML5用于医学和科研领域的数据可视化

（19）【转载】基于jQuery&CSS3的HTML5 portfolio特效制作

（20）【转载】35款优秀的基于 HTML5 开发的网页游戏

（21）8个很棒的HTML5网站展示

（22）【转载】一些有趣的html5网站

（23）45个用HTML5设计的网站

（24）用HTML5制作的精彩公司年报

（25）ROME的HTML5特效网页

（26）应用HTML5技术的运动鞋网站

（27）10个杀手级的 HTML5 实例

（28）25个最新的HTML5网站欣赏

（29）15难以置信的HTML5和CSS3体验

（30）推荐8个优秀的基于HTML5的信息图

（31）一个可爱的HTML文字网站

（32）走进 HTML5：20个惊艳的 HTML5 Canvas 应用试验

（33）结合js制作鲜花绘制效果

（34）绘制彩带

（35）粒子效果

（36）HTML5制作的鞋类宣传网站

（37）HTML5灯光特效

（38）20个惊艳的 HTML5 Canvas 应用试验

（39）基于HTML5和Windows Azure开发的云应用ChronoZoom，帮你随时随地了解宇宙演化史（视频）

（40）全球知名巧克力制造商Ritter为庆祝诞辰100周年，而精心制作的HTML5网站。用户可以在互动墙上通过文字、绘画、动画及mini影片了解Ritter的发展历程

（41）互动中国分享: 20个惊艳的 HTML5 Canvas 应用试验

（42）一个HTML5的汽车网站

（43）新鲜好玩的HTML5动画

（44）33个精美绝伦的HTML5 个人作品集网站

（45）今年在嘎纳创意节获奖的另一个谷歌作品HTML5网站

（46）绚丽的HTML5动画

（47）一个用HTML5做的很简洁可爱的Loading动画

（48）HTML5的3D demo

（49）HTML5做的化学分子式展示网站

（50）HTML5做的积木游戏网站

（51）一个国外品牌矿泉水的宣传网站

（52）互动中国分享: 11个视觉差滚动效果的HTML5网站（11个视觉差滚动效果的HTML5网站）

（53）索尼的HTML5特效网站

（54）HTML5的幻灯展示 H5Slides

（55）超酷的HTML5网站设计

（56）美国蜘蛛侠游戏官网

（57）HTML5+webGL，颤抖的前端页面（需要Chrome浏览器）

（58）HTML5效果网站集萃：tagcreative wizee fakeer albgoldenchains 29a.ch

（59）一个展示Chrome的HTML5特效的网站

（60）HTML5做的粒子效果

（61）HTML5做的电子琴

（62）全球HTML5酷站

（63）HTML5+WebGL制作的水缸效果

（64）HTML5 网站大观：15个清爽简约风格的 HTML5 网站作品

（65）WebGL网站汇总

（66）小清新的HTML5网站

（67）推荐8个优秀的基于HTML5的信息图

HTML5框架及工具：

（1）10个为设计者准备的HTML5在线工具

（2）10 Essential HTML5 Frameworks

（3）有一个HTML5游戏框架，允许开发者创建基于 HTML5 的游戏，支持主流浏览器包括iOS：Demo1，Demo2

（4）melonJS 是一个开放、自由而且使用简单的HTML网页游戏开发包。利用带的一个地图编辑器，可以轻松地创建一些不错的游戏

（5）SproutCore是一个极为优秀的HTML5应用框架，可以利用它来实现在浏览器中的各种页面应用前端效果。更重要的是提供了一个丰富的客户端 MVC 框架帮助你快读构建你的互联网应用

（6）jWebSocket 提供了一个用来创建基于 HTML5 的 Web 流通讯的应用框架。它是采用 Java 和 JavaScript 开发的实现了 HTML5 Websocket 协议的开源框架。对于研究WebSocket的同学很有参考价值

（7）RGraph是基于HTML5 canvas 图形图表库。如果你开发后台图表统计系统平台，希望让所有用户跨平台浏览到内容。推荐参考

（8）HTML5制作的幻灯片：Demo 下载

（9）Sencha生茶，一个非常优秀的框架。就是量级重了点。 『Sencha Architect 2：用于构建桌面与移动HTML5应用的所见即所得IDE』

（10）HTML5全屏控制，简单的封装了一个跨平台的全屏控制接口，可以使你的完整页面或者指定控件全屏显示并平滑退出：演示 下载

（11）一个基于HTML5 Canvas的独立Javascript类库 - KineticJS，使用这个类库你可以轻松的进行图形和图片绘制和修改，执行动画效果，或者和图形图片进行互动。移动、拉伸变形、旋转图片，添加各种事件监听。可以直接使用现有的Canvas API，同时提供了各种各样js库，性能非常好

（12）Html5版本的全套股票行情图开源了，附带实现技术简介：项目 作者博客

（13）Maqetta 开源HTML5可视化设计工具。本身用HTML5/Ajax编写，因此运行在浏览器中无需请求额外的插件或下载。提供WYSIWYG可视化HTML5用户界面设计功能，仅需简单的拖曳操作，支持桌面和移动用户界面

（14）Audio.js兼容各大浏览器的HTML5音乐播放器

（15）这个站点展示了HTML5令人惊讶的特效和非常棒的创意:Beercamp2012 网站技术分析

（16）#HTML5 Demo#用HTML5制作的动画来了。播放无需任何插件，只需要你的浏览器支持HTML5。动画中还有一些有趣的互动，观看动画的同时还可以参与其中~（据说此网站用IE9观看最好哟~）

（17）HTML5Sticky是一个HTML5的基于Web的便签。它使用了Local Storage和CSS3等技术来创建便签。这意味着，创建的便签可以被持久化保存。经测试支持的浏览器包括：Chrome, Firefox 3.5+, Safari 4+, Opera 10+, Internet Explorer 8+

（18）HTML5动画制作工具：Adobe Edge，新版发布。全新的站点，文档，支持DPS和苹果Author

（19）Javascript SDK：轻松开发HTML5应用的必备工具

（20）一个中文开源的HTML5的UI框架

（21）HTML5工具大盘点

（22）sigma.js是一个封装的HTML5图形库，可以生成各种静态和动态的交互图形

（23）35 Best Free HTML5 and CSS3 Templates

（24）HTML5 之美：推荐9款优秀的 HTML5 音乐播放器

（25）推荐9款HTML5音频播放器

（26）jsDraw2DX : 一个基于HTML5技术SVG 2D图形库

（27）[转载] 高效HTML5代码开发最佳实践

HTML5教程：

（1）HTML5的form新属性的使用

（2）HTML5是如何使用鼠标滚轮事件的

（3）介绍HTML5发展历史的幻灯片，幻灯片本身就是用HTML5的技术制作的：观看

（4）来自Michael Mahemoff的演讲：Best Practices Every HTML5 Developer Should Know 《HTML5开发者应该知道的最佳实践》，这篇文章介绍了相关演讲的背景

（5）HTML5 WebSockets基础使用教程

（6）Adobe刚刚发布了一个专注于HTML5的站点，介绍了Adobe在HTML方面的技术、产品和在标准方面的工作

（7）Html5 WebGL资源分享

（8）HTML.Next会给我们带来什么？

（9）手机浏览器 HTML5 支持情况调查

（10）史上最全html及html5的学习资料文档收集整理包括介绍和下载

（11）HTML5实现的Loading缓冲效果

（12）浅析HTML5在移动应用开发中的使用

（13）【前端编码标准和最佳实践】Front-end Code Standards & Best Practices

（14）使用HTML5文件系统API来实现zip文件的下载、解压和缓存

（15）HTML5 声明兼容IE的写法

（16）如何使用基于HTML5 Canvas的EaselJS制作SpriteSheet动画

（17）HTML5新增加的File API应用

（18）HTML5之Worker用法

（19）如何使用Chrome来调试WebWorker

（20）DETECTING HTML5 FEATURES （英文）

（21）#HTML5#版本Flipboard

（22）当设计师遭遇HTML5

（23）HTML5文档

（24）【转载】分享一个HTML5的drag and drop API实现的图片拖拽分组效果

（25）8小时用HTML5打造VNCViewer

（26）【转载】云标签,关键字图排版 html5 canvas版(一)

（27）为 Web 开发者准备的 20 个有用的 HTML5 教程

（28）W3C School上的HTML5教程

（29）以圆桌骑士为例浅尝HTML5游戏开发

（30）使用jQuery，Yahoo API和HTML5的geolocation来开发一个天气预报web应用

（31）HTML5+CSS3构建同页面表单间的动画切换

（32）很酷的HTML5+CSS3实现Accordion 手风琴3D效果

（33）HTML5介绍：视频和音频

（34）详述主流浏览器的HTML5音频支持情况

（35）PHP100教程2012版：HTML5 入门教程 之 历史与开发介绍

（36）如何不依靠JS或Flash来使用HTML5传输多文件

（37）HTML5中容易被攻击的5个“漏洞”

（38）[HTML5教程].(HTML5.Tutorial).共53集.rar

（39）HTML5网页设计初窥系列课程

（40）html5.org

（41）关于HTML5的11个让人难以接受的事实

（42）HTML5之美

（43）五分钟学会HTML5！（一）

（44）五分钟学会HTML5！（二）

（45）HTML 5 教程（w3school）

其他：

HTML5 ROCKS

【转载】HTML5浏览器测试网站汇总

HTML5与CSS3资源汇总

HTML5资料库

HTML5标准变化追踪

转载于:https://my.oschina.net/warmcafe/blog/52999