志达IT
做快乐程序员

JavaScript学习推荐网站

浏览器正变得越来越强壮,上面有各种丰厚的功用可以供开发者挑选,一些在几年前简直难以想象的功用都现已一一完成。有了这些新功用,开发者现在可以开发出更精细、更杂乱、更有想象力的用户界面了。这为网站开发扫清了障碍,网站可以具有让人惊喜的用户界面了。那些喜爱冒险体验前沿技能的开发者现在应该会十分高兴。
有时候,这种技能的运用是十分精妙的,它无声无息地改变了应用的用户体验。有时成果就像是参加樱桃可乐中的跳跳糖,悄悄地给人们带来惊喜。
Web开发者PhilHawksworth在这篇文章中总结了Web上经典的JavaScript用法。这里有20个特别杰出的网站,他们在定位、技巧或者是JavaScript的运用上有各自的独到之处。
一、演示网站
先看一些风趣的东西。这些网站运用JavaScript将Canvas、WebGL、CSS3和HTML5元素这些浏览器技能融合在了一同。一般这些技能仅仅用来取悦用户,或是在现代的浏览器中显现一些新的功用。尽管大多数的功用都很不错,但有些会占用很多的处理器或是显卡资源,所以笔记本电脑用户常常需求重视他们的笔记本温度,避免温度过高而出现异常。
1.Baroque.me
Baroque.me是一个简略,可是可以催眠的网站,它就用到了HTML5Canvas元素,并运用JavaScript奇妙地操控了一个简略的虚拟巴赫大提琴设备的烘托作业。网站的声响是由Flash供给的,而且运用JavaScript操控。你可以操控页面上那些跳动的圆点,可是却很难操控大提琴的时刻节奏。
它的开发者AlexanderChen来自GoogleCreativeLabs,也参加了十分受欢迎的LesPaulGoogleDoodle开发,在早些时候,还开发了一个十分棒的可视化NY地铁体系。javascript网站
2.Beercamp
Beercamp2011的界面十分风趣,可以自由缩放,它十分奇妙地运用了CSS3和JavaScript技能,这一点招引了许多人的重视。网站很多采用了CSS3转换和变形作用,你还会发现它绑架了浏览器的滚动事件用来操控网页的缩放作用。今年的早些时候DavidDeSandro曾共享了相关作用完成的技能细节。
3.Three.js
Canvas和WebGL这些技能为浏览器带来了强壮的烘托功用。Mr.Doob开发的Three.js项目是一个3DJavaScript引擎,可以运用浏览器上的这些新功用烘托页面。下面是一个运用Three.js烘托动画或是3D模型的例子。
4.WindowsPhoneDemo
最新消息:web将覆盖移动设备!老实说,这个消息确实对运用JavaScript技能的移动商场来说是一个好消息。这还仅仅推动移动商场开展的第一步。
为了演示新的Windows移动设备界面,Microsoft开发了一个Windowsmobile上的演示示例。用户确实可以发现它的界面播映的动画十分流畅,而且响应适当及时。这也是CSS和JavaScript的功劳(最好是经过iPhone或是Android设备拜访——目前还不支撑WindowsPhone!)。
二、东西
这一节介绍的技能或许不会直接给用户带来惊艳的感觉(尽管有些或许可以做到),但他们确实十分重要。其间有些是开发者或许会频繁运用的JavaScript资源,而有些是人们开发浏览器应用时的首选东西。
5.Workflowy
Workflowy可以协助人们收拾自己的主意。在2010年十一月推出了他们的测验版别,仅仅用了30天的时刻,它就具有了一百万条记载了。它是由JessePatel和MikeTuritzin共同开发的,Workflowy运用JavaScript处理DOM操作和存储,而且可以在很多的本地记载中快速查找方针记载。假如你需求收拾自己的记载或是想查找新的GTD东西,Workflowy会是一个不错的挑选。最近它还增加了对移动设备和平板电脑的支撑,便利用户共享文档。
6.jQueryMobile
尽管现在移动web开发正变得越来越热,可是移动设备的开发作业仍是适当困难的。jQueryJavaScript库的方针便是想在浏览器上完成一个通用的JavaScript开发办法。而jQueryMobile的方针则愈加远大:简化各种移动设备平台上的web开发作业。这个库现已推出了1.0版别,jQueryMobile网站便是一个很好的示例,展示了怎么运用jQueryMobile开发一个可以在各种移动设备和传统浏览器设备上运转的网站。
7.Spritecow
Spritecow是由JakeArchibald开发的,它可以协助用户解决许多繁琐费时的问题。前台开发人员都知道,创建spritesheets的方针便是使得界面响应愈加及时并尽量减少HTTP恳求的次数。Spritecow将JavaScript,Canvas和一些数学逻辑算法融合在一同,为用户供给了一个好用的CSS生成东西。
8.Cloud9IDE
将整个开发环境整合到云和浏览器里边现已成为了咱们这个时代的标志。在过去的几年里边,Cloud9一直在开发他们的集成开发东西(IDE),可是今年,它变成一个令人等待的项目而且成为一个可用的web开发资源。创始人兼CTORikArends表明,与其他相似项目(如Bespin)相比,运用JavaScript来管理DOM,在编辑环境中操控文档性能更好。经过配置和扩展JavaScript,还可认为这个开发环境带来更多的提高和功用。都适当值得等待。javascript网站
9.Reveal.JS
Reveal.JS是HakimElHattab开发的一个演示文稿制作东西,可以制作艳丽的演示文稿并生成HTML格局,将它发布到web上。它运用了CSS3改换功用和JavaScript,这个东西大受web开发者的喜爱。
10.Pusher
Pusher是一个很棒的东西,在此不得不提。尽管它现已推出一年多了,但最近提高了WebSockets对浏览器的支撑,Node使得Pusher受到了更多的重视。
Pusher供给了一组API用来提高实时apps和服务。有许多十分棒的网站都运用了Pusher。
Pusher最初是由NewBamboo的几个职工开发的,尽管规划不大,可是做的作业却适当了不得,NewBamboo需求完成实时通讯来提高web游戏和东西,所以Pusher本身用到了Node。
11.Speakerdeck
来自OrderedList的Speakerdeck最近被收录到Github上,它运用JavaScript和web技能在web上展示演示文稿。尽管许多其他相似的服务都运用了很多的Flash技能,Speakerdeck相比之下则较少用到Flash,而是运用JavaScript完成幻灯片预览功用。这里有许多丰厚的功用和技能。
12.Gauges
已然现已提到了Speakerdeck,就不得不提一下OrderedList的另一个精彩服务——Gauges。它是一个剖析东西,有点相似于GoogleAnalytics,运用了常用的JavaScript插件获取用户的拜访数据。Gauges有丰厚的API,而且可以很好地烘托实时数据。JavaScripty适当的精彩。

赞(0)
未经允许不得转载:志达IT网站 » JavaScript学习推荐网站
分享到: 更多 (0)

评论 抢沙发

  • 昵称 (必填)
  • 邮箱 (必填)
  • 网址

志达IT网站 每天分享编程和互联网的IT技术博客

登录/注册联系我们