Web设计正在快速发展，各种优秀的产品也都蜂拥而来。在发展的同时，我们也需对过去进行回顾和总结，从而更好的指导未来的Web发展。当然，设计师与开发者从来不会只是照抄照搬（详情且见下文），也会对网站加入一些过目难忘的东西。

在年中时，我们也列出过一些最喜爱的产品，而现在2012年即将结束，在这一年里有哪些产品最受用户和开发者喜欢呢？它们是否具有一定的代表性呢？不妨来看下我优选出来的12大产品吧！

1. Parallax

当酷酷的Web 2.0出现后，页面滑动就引领了整个Web设计潮流。滚动视差网站已逐渐成为一个令人惊讶的、强有力且非常实用的Web设计。当然，这个引人注目的技术虽然不是最新的，但它正以惊人的速度成为一个最受欢迎的Web设计工具。

如果你有兴趣开发像Living World、Jan Plocn或Nike Better World这样的网站，那么这里提供一个非常好的插件，提升整个开发过程： Parallax websites with Scrollorama

2.Firefox OS

还有什么东西比构建在Web上的桌面操作系统更好呢？在一个移动版的Web操作系统中，Web应用程序拥有至高的优先权。

自从Mozilla在2011年7月宣布移动操作系统Firefox OS后，就断断续续地吊吊人们的胃口、隔三差五的透露着产品细节。而现在，你只需一个简单的Firefox插件，通过模拟器在短短几分钟内即可玩转整个新的手机操作系统（宽带允许）。以前，用户必须手动设置B2G桌面，这个其实挺困难的。这里稍微提下，该插件仍然依赖B2G桌面，但简化了安装和更新过程。

更深入的学习和实践

3.jQuery插件

下面分享一些最受人们喜爱的jQuery插件，用了绝对让你爱不释手：

 

1. Placekitten：这是一个超萌的小猫图片占位图，可以把HTML元素移动到上面
2. Garlic.js：该插件帮你把表单数据存储在本地，这样用户就不会丢失任何宝贵的数据
3. Responsive-content：该插件允许你提供各种不同HTML元素到设备上，并且进行自动适应
4. SlabText：使用该插件可以创建大的、加粗的、反应灵敏的标题
5. jQuery Transit：超光滑的CSS转换
6. Lettering.js：Hack你的排版
7. TypeButter：这个插件可以帮你轻松搞定Web排版间距
8. jSVG：由Benny Schudel创建，把SVG Asset Management引进到现代浏览器中
9. Animated text and icon menu：Codrops创建，是一个非常有趣的动画工具教程
10. 5 Awesome Free jQuery Plugins for Web Designers

4.灵感

网络上充满了设计师和开发者们用灵感设计出来的产品。下面跟我们的读者分享一个大名单：98个令人难以置信的网站设计。

其实我们想表达的是，如何获得灵感并不重要，关键的是你如何运用它。无论你做什么，都不要害怕去环顾周围的一切。

发现更多的灵感，可以去这98个网站看看

5.Google Web Fonts

目前，在Google Web Fonts字典中已有613位font成员，许多都非常赞。下面提供一些超高质量的成员给大家，相信你肯定不想错过： Gorgeous Google Web Fonts 

6.类型连接

虽然约会游戏听起来有点不同寻常，但设计师Aura Seltzer的类型连接可以把复杂的字体匹配转换成一个有趣的学习机会。

进入Typographic Dating Game

7.Adobe Edge Family&Creative Cloud

点击查看视频（需翻墙）

这已不是什么秘密，Adobe在整个Web设计发展中扮演着非常重要的角色。其产品实际上已经从Web拓展到Creative Cloud。Adobe收购Behance，毫无疑问，Creative Cloud将会对分享work online产生创造性的影响。

Adobe的Edge Family在9月首次露面，它与Adobe的Creative Suite完全不同，它完全专注于整个Web。目前Edge提供的产品还不是十分完善，但是Adobe认为产品对未来的Web设计会起着非常重要作用，即使不包括Flash。

推荐阅读：absolute beginner’s guide to Edge Web Fonts

8.The Retina Web

好吧，我们可能不会立即爱上它。但高解析度显示很大程度上要归功于苹果推出的Retina，这也意味着Web将会利用它实现快速发展。

正如我们之前说过的，在图片追赶上之前仍将会有很长一段时间。但真正令人兴奋的是，即使再复杂的Web字体在Retina显示器上观看仍然是非常漂亮的。其中加入了一些SVG和CSS为基础的图形，使Web明显变得更加灵敏。Adobe最近也在Photoshop和IIlustrator中接受了Retina显示器。

9.期待HTML5

HTML5在未来3年里很有可能成为默认标准，但现在有点提前了。如果你一直在关注这个空间，那么你一定已经知道一些最具价值的HTML元素，比如<canvas>：可以处理复杂的动画和图形；<video>与<img>标签用法相似，在没有第三方插件比如Flash的前提下插入视频。

推荐阅读：HTML5的新tag

10.Icon Fonts

TNW第一次发布流行的图标字体是在1月份，并且自从那以后，Web上那些令人难忘的图标字体就爆炸式的涌现出来。

推荐阅读：7个非常华丽的图标字体

11.Kern.js

该插件由Brendan Stromberger创建并且与深受大家喜爱的Lettering.js插件进行集成。Kern.js是一个天才级的书签工具，它使设计师可以控制他们的网站排版。

如果你想要调整网站的网站的行距或字距，那么你应该检查一下该书签。

12.Moar

这里分享2012年的一些精彩文章，对你的设计和发展都会有很大的帮助。

1. Dive into the fundamentals of Web design：该文可以给你的网站设计提供非常清晰的指导
2. COLOURlovers launches Creative Market：股票市场设计核心指导
3. Wikipedia launches a redesigned mobile site强调类型和可读性
4. Treehouse expands：营业收入达360万美元，拥有2万名活跃用户。
5. User experience trends：用户体验设计趋势

相信每位开发人员在2012年也有过一些令人难忘的设计和作品，也不妨拿来分享分享吧！

来自：TNW