当前位置: 乐呵网 > js学习网 > JavaScript特效 >

20个将 JavaScript 用到极致的网站

时间:2014-06-17 01:00来源:乐呵网提供 作者:乐呵网 点击:
浏览器正变得越来越强大,上面有各种丰富的功能可以供开发者选择,一些在几年前几乎难以想象的功能都已经一一



必需认可,Facebook在界面设计上做了大量巨大、风雅的事情,使得它真实。上面有富厚的及时资讯,通知和谈天成果,固然它的气势气魄大概无法迎合所有人的口胃,可是它简直对web设计发生了影响,而且影响了很多人。 
 


3. Three.js 
既然已经提到了Speakerdeck,就不得不提一下Ordered List的另一个出色处事——Gauges。它是一个阐明东西,有点雷同于Google Analytics,利用了常用的JavaScript插件获取用户的会见数据。Gauges有富厚的API,而且可以或许很好地渲染及时数据。 JavaScripty相当的出色。 
 

Reveal.JS是Hakim El Hattab开拓的一个演示文稿建造东西,可以或许建造烂漫的演示文稿并生成HTML名目,将它宣布到web上。它利用了CSS3调动成果和JavaScript,这个东西大受web开拓者的青睐。 
二、东西 





12. Gauges 

三、改造界面 


Web开拓者Phil Hawksworth在这篇文章中总结了Web上经典的JavaScript用法。这里有20个出格突出的网站,他们在定位、能力可能是JavaScript的利用上有各自的独到之处。 

固然已经先容过BBC了,可是BBC iPlayer简直值得拿出来再说一说。它有一个很是了不得的JavaScript驱动界面,可以或许很是有效地泛起富厚的内容信息(不只仅是视频信息,还包罗图片信息)。利用BBC的主页和开源的Glow JavaScript库可以或许做很多新颖的事情。 
四、背后的瑰丽 
 

Pusher提供了一组API用来晋升及时apps和处事。有很多很是棒的网站都利用了Pusher。 




Google Doodles提供了很是有趣的动画,用户可以或许与这些动画交互。有时,这些设计会让用户会意一笑,有时也许人们还没发明它们,它们就已经消失了。Marcin Wichary是Google的这个“delighters”项目标认真人之一,为了推广这个项目,必需 扫清JavaScript优化技能中的障碍。这个团队利用了sprite-crunch技能,用来压缩它们在动画中利用的sprites的。处理惩罚要领相当妙。这些涂鸦很是巧妙地操作了欣赏器API和JavaScript。Google的开拓人员太智慧了! 
 



Pusher最初是由New Bamboo的几个员工开拓的,固然局限不大,可是做的事情却相当了不得,New Bamboo需要实现及时通讯来晋升web游戏和东西,所以Pusher自身用到了Node。 
 


为了演示新的Windows移动设备界面,Microsoft开拓了一个Windows mobile上的演示示例。用户确实可以或许发明它的界面播放的动画很是流通,而且响应相当实时。这也是CSS和JavaScript的功勋(最好是通过 iPhone或是Android设备会见——今朝还不支持Windows Phone!)。 
5. Workflowy 

9. Reveal.JS 

它的开拓者Alexander Chen来自Google Creative Labs,也参加了很是受接待的开拓,在早些时候,还开拓了一个很是棒的可视化NY地铁系统。 

14. BBC iPlayer 

13. BBC主页 
固然此刻移动web开拓正变得越来越热,可是移动设备的开拓事情照旧相当坚苦的。jQuery JavaScript库的方针就是想在欣赏器上实现一个通用的JavaScript开拓要领。而 jQuery Mobile的方针则越发远大:简化各类移动设备平台上的web开拓事情。这个库已经推出了1.0版本,jQuery Mobile网站就是一个很好的示例,展示了如何利用jQuery Mobile开拓一个可以或许在各类移动设备和传统欣赏器设备上运行的网站。 
 

Pusher是一个很棒的东西,在此不得不提。固然它已经推出一年多了,但最近晋升了Web Sockets对欣赏器的支持,Node使得Pusher受到了更多的存眷。 




有时候,这种技能的运用长短常精妙的,它无声无息地改变了应用的用户体验。有时功效就像是插手樱桃可乐中的跳跳糖,暗暗地给人们带来惊喜。 
 



18. Nike Better World 
 

11. Speakerdeck 

Spritecow是由Jake Archibald开 发的,它可以或许辅佐用户办理很多繁琐费时的问题。前台开拓人员都知道,建设spritesheets的方针就是使得界面响应越发实时并只管淘汰HTTP请求 的次数。Spritecow将JavaScript,Canvas和一些数学逻辑算法融合在一起,为用户提供了一个好用的CSS生成东西。 

来自Ordered List的Speakerdeck最近被收录到Github上,它操作JavaScript和web技能在web上展示演示文稿。固然很多其他雷同的处事都操作了大量的Flash技能,Speakerdeck对比之下则较罕用到Flash,而是操作JavaScript实现幻灯片预览成果。这里有很多富厚的成果和技能。 

10. Pusher 
2. Beercamp 




最新动静:web将包围移动设备!诚恳说,这个动静确实对利用JavaScript技能的移动市场来说是一个好动静。这还只是敦促移动市场成长的第一步。 
16. Github 

 






这一节先容的技能大概不会直接给用户带来惊艳的感受(固然有些大概可以做到),但他们确实很是重要。个中有些是开拓者大概会频繁利用的JavaScript资源,而有些是人们开拓欣赏器应用时的首选东西。 

6. jQuery Mobile 
 

 


 

   

欣赏器正变得越来越强大,上面有各类富厚的成果可以供开拓者选择,一些在几年前险些不可思议的成果都已经一一实现。有了这些新成果,开拓者此刻可以或许开拓出 更风雅、更巨大、更有想象力的用户界面了。这为网站开拓扫清了障碍,网站可以或许拥有让人惊喜的用户界面了。那些喜欢冒险体验前沿技能的开拓者此刻应该会很是 开心。 
先看一些有趣的对象。这些网站操作JavaScript将Canvas、WebGL、CSS3和HTML5元素这些欣赏器技能融合在了一起。凡是 这些技能只是用来取悦用户,或是在现代的欣赏器中显示一些新的成果。固然大大都的成果都很不错,但有些会占用大量的处理惩罚器或是显卡资源,所以条记本电脑用 户经常需要存眷他们的条记本温度,以免温渡过高而呈现异常。 
 

(责任编辑:admin)
------分隔线----------------------------