背后的美丽
虽然作者非常关注视觉效果和代码库(代码库确实相当重要)，但他最关心的其实是如何巧妙地利用这些技术。最后几个例子很好地展示了如何灵活地使用现有的技术。
16. Github
Github在用户交互方面做得相当出色并且非常注重细节的设计。在代码导航树中，用户能够在项目的目录树中平滑地切换，网站记录了各个页面的地址信息并且可以对地址进行标记，内嵌了编辑器，可以直接在浏览器中修改代码(使用Cloud 9 editor)。使用Canvas实现网站的可视化工作，包括搜索预览，弹出菜单和界面元素，这个列表还在不断增加。Github做得非常棒。
广州网站建设,网站建设,广州网页设计,广州网站设计
17. Google Doodle
Google Doodles提供了非常有趣的动画，用户能够与这些动画交互。有时，这些设计会让用户会心一笑，有时也许人们还没发现它们，它们就已经消失了。Marcin Wichary是Google的这个“delighters”项目的负责人之一，为了推广这个项目，必须 扫清JavaScript优化技术中的障碍。这个团队使用了sprite-crunch技术，用来压缩它们在动画中使用的sprites的。处理方法相当妙。这些涂鸦非常巧妙地利用了浏览器API和JavaScript。Google的开发人员太聪明了!
Nike团队的这个网站常常被复制和讨论。这个网页将JavaScript和CSS结合起来，当用户滚动页面时，营造出一种有趣的视觉差。即使浏览器不支持JavaScript，这个网站也能优雅地降级显示，将视觉差效果移除，但并不会影响页面的正常显示，作者建议将导航链接保留下来。可以用JavaScript劫持这个链接，这样无论应用环境是否支持JavaScript，这个导航都能够工作。
19. Mobile Beetle
作者在今年早前曾对Volkswagen Beetle的新网站提出了一些批评。在此不会重复这些批评，而只是介绍这个网站在将JavaScript推向极致的几个方面。它也是一个旋转效果做得相当不错的网站。这个网站的移动版本做得相当精巧。当你在iPhone上访问这个网站时，它充分利用了触摸和旋转事件提升服务的用户体验(尽管如果不是使用的WIFI的话，网页中的图片可能显得有点过大)。
广州网站建设,网站建设,广州网页设计,广州网站设计
20. Twitter移动网站
其实移动设备上已经有许多非常棒的Twitter客户端了，以至于大家可能会忽略今年Twitter推出的移动优化版本的web客户端，尽管它相当不错。Twitter的开发团队采纳了iPhone Twitter apps上的许多UI惯例，并且在自己的web框架中重新设计了一些UI。结果相当不错，在智能手机上访问浏览器中的页面就像是native app一样。在Android和iPhone上的效果都相当出色。真的是一个很棒的工作。
…这就是全部的20个网站
这就是作者挑选出来的20个将JavaScript推到极致的网站。当然，其实应该还有许多其他的网站也有资格出现在这个列表上，但是web太大了，而列举出20个网站只是一个很小的集合。虽然许多其他的网站也有一些突出的特点，但也各有不足。JavaScript让开发者能够在浏览器中做许多了不起的工作，但这里列出的20个网站中，有些为了实现某些特色牺牲了网站的访问性、地址性和其他性能或功能，这是一个优秀的web应用应该克服的。不过，它们确实在今年，给web开发者带来了不少新的想法。
原文：http://www.webapptrend.com/2011/12/1123.html
