求知 文章 文库 Lib 视频 iPerson 课程 认证 咨询 工具 讲座 Modeler   Code  
会员   
 
  
 
 
     
   
分享到
16 个印象深刻的 HTML5/CSS3/JavaScript 体验
 

作者:小想,发布于2012-5-21

 

如果你是一个 Canvas、WebGL 和交互式 CSS3, HTML5 以及 Javascript 的粉丝,那你可能会听说来自瑞典的 Web 开发者 Hakim. Hakim 非常擅长 Web 动画和交互,他有很多关于 HTML5、CSS3 和 JavaScript 的个人项目,可在 Chrome Experiments 找到。我们对他的那些非常有创意、非常酷的项目印象深刻,下面列出其中最酷的一些。

CSS3 Scroll Effect

很酷的列表滚动效果

DOM Tree

圣诞树

Origami

在一个丰富多彩的折叠上乱写乱画。在图纸上的任何地方 - 或使用键盘 - 激活不同的布局。

.net 404

异样的 404 错误页面

Sphere

球体 - 实际上是一个螺旋 - 建立了10000粒子和结构的变化,随着时间的推移。

Textify.it

浏览器或拖动到页面上的图像以观看使用纯文本构建的图像。

WebGL Particles

用来测试WebGL渲染粒子的效率

BreakDOM

这是一个混合的经典突围游戏,除了所有的游戏元素与HTML用户界面元素已取代。

Sinuous

一个使用 HTML Canvas 构建的游戏,考验你的鼠标指针反应。

Magnetic

控制和创建的粒子反应磁性节点的电流。

Wave

波浪与浮于表面的气泡

Trail

粒子的运动模式,生成光滑的小径。

Blob

软物体的模拟,就像是果冻

Bacterium

互动与俏皮的模拟动态物理世界中的细菌实验。

Particle Depth

使用深度的??粒子定位模式。

Keylight

A playhead travels between keys which resonate in sound depending on where they are placed in the room.

相关文章

深度解析:清理烂代码
如何编写出拥抱变化的代码
重构-使代码更简洁优美
团队项目开发"编码规范"系列文章
相关文档

重构-改善既有代码的设计
软件重构v2
代码整洁之道
高质量编程规范
相关课程

基于HTML5客户端、Web端的应用开发
HTML 5+CSS 开发
嵌入式C高质量编程
C++高级编程
 
分享到
 
 
     


十天学会DIV+CSS(WEB标准)
HTML 5的革新:结构之美
介绍27款经典的CSS框架
35个有创意的404错误页面
最容易犯的13个JavaScript错误
设计易理解和操作的网站
更多...   


设计模式原理与应用
从需求过渡到设计
软件设计原理与实践
如何编写高质量代码
单元测试、重构及持续集成
软件开发过程指南


东软集团 代码重构
某金融软件服务商 技术文档
中达电通 设计模式原理与实践
法国电信 技术文档编写与管理
西门子 嵌入式设计模式
中新大东方人寿 技术文档编写
更多...