HTML5特效收藏及框架

原创
2012/04/10 16:11
阅读数 6.1K

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:Demo1Demo2

(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标准变化追踪

展开阅读全文
打赏
2
51 收藏
分享
加载中
更多评论
打赏
0 评论
51 收藏
2
分享
返回顶部
顶部