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

日期: 2012-05-15 来源:TechTarget中国 英文

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

  CSS3 Scroll Effect

  很酷的列表滚动效果

CSS3 Scroll Effect

  DOM Tree

  圣诞树

DOM Tree

  Origami

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

Origami

  .net 404

  异样的 404 错误页面

.net 404

  Sphere

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

http://hakim.se/experiments/html5/sphere/

  Textify.it

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

Textify it

  WebGL Particles

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

WebGL Particles

  BreakDOM

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

BreakDOM

  Sinuous

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

Sinuous

  Magnetic

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

Magnetic

  Wave

  波浪与浮于表面的气泡

Wave

  Trail

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

Trail

  Blob

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

Blob

  Bacterium

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

Bacterium

  Particle Depth

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

Particle Depth

  Keylight

Keylight

我们一直都在努力坚持原创.......请不要一声不吭,就悄悄拿走。

我原创,你原创,我们的内容世界才会更加精彩!

【所有原创内容版权均属TechTarget,欢迎大家转发分享。但未经授权,严禁任何媒体(平面媒体、网络媒体、自媒体等)以及微信公众号复制、转载、摘编或以其他方式进行使用。】

微信公众号

TechTarget微信公众号二维码

TechTarget

官方微博

TechTarget中国官方微博二维码

TechTarget中国

相关推荐

  • AWS MEAN堆栈+JavaScript=快速搭建应用

    开发人员在构建Web应用时有许多选择。市面上有无数的框架和语言可选,而像AWS这样的云平台可以方便地部署和扩展应用程序。

  • 对话陈本峰:HTML5究竟给企业带来了什么?

    智能手机的普及,移动计算的应用,带火了HTML5技术。尤其,当我们看到微软朋友圈被“故宫与腾讯合作”的广告刷屏,我们不得不承认,HTML5技术确实很重要,但是HTML5究竟带来了什么,与以往移动技术有什么不同?

  • HTML5促进企业移动化服务走向极致

    在企业困扰于传统移动化方式过于复杂时, HTML5凭借其天然的跨平台特性,乘势而起并逐渐得到企业的关注。可是,由于HMTL5标准建立时间不长,展示性能及稳定性更是需要和浏览器有一个良好的兼容,除此之外企业更是缺乏实际应用经验,所以基于HTML5技术的企业级服务市场还处于一片初创状态。

  • HTML5如何在企业中深入使用?

    据调查显示全球拥有490亿 在线设备,比人口数量多几倍,这说明平均每人拥有不只一部分在线设备。由此可见,全球移动生态系统是多么的庞大。