元旦将至，提前给大家说声元旦快乐。今天与大家一起分享下在2009年涌现出的那些漂亮的、富于想象力的最佳网页设计，希望在新的一年大家的网页设计水平能更进一步。

在上一篇文章中曾提到要给自己的微博客制作多个样式，然后用户每次访问时随机载入样式，让微博在视觉上保持新鲜感。虽然思路与实现都比较简单，但还是想记录下来，与大家分享。

饭否倒了，互联网越来越和谐了，无奈之下，个人的独家微博低调上线了。个人希望能把它打理一下，昨天突发奇想，能否给微博制作N多样式，然后每次访问时随机更换样式。因为页面元素比较少，这里的样式更换主要是更换网页的背景材质或背景图片了。之前在国外的博客中见过不少收集网页背景材质的文章，当时感觉花里胡哨的，不知何处能用，也就没在意。不过现在用上了，就在国外博客找了些比较不错的贴过来，方便自己，也方便别人，选择你喜欢的下载吧。

Google Browser Size是Google Libs最新推出的一项可视化工具。通过它，可以获得用户在任何一个页面可视范围的平均百分比，站长们可以借此调整页面元素的摆放位置，最终达到改善用户体验的目的。

在开始之前，先与大家一起认识下这篇文章的主角，世界级的javascript大牛们：Douglas Crockford、John Resig、Peter-Paul Koch、Nicolas C. Zakas。看名字也许挺陌生，但是如果你对javascript还算熟悉，一定不会对他们的作品陌生。
在这篇文章中，我们一起通过这些牛人的讲座视频和PPT，感受大师风采，学习javascript。

Ajax.Org应用程序平台是一个纯javascript应用程序开发框架，它旨在帮助Web程序开发者构建像传统桌面应用程序那样的浏览器应用程序。这套框架提供了一套完整的Web组件（诸如：菜单、表单、富文本编辑器、提示框、日历、图表、选项卡、工具条、进度条、表单验证等等等等），这些Web组件都具备漂亮的UI（可切换皮肤），应用了丰富的ajax特效，它们之间互相协作，最终构成一个富客户端（RIA）的Web应用程序。用官方网站的话说，“Ajax.Org可以从跟不上改变你写应用程序的方式”（呵呵，虽然口气蛮大，不过确实挺强）。

幻灯片（PPT）是快速学习知识关键点的有效途径。之前本博客发布的“一个简单的、循序渐进的CSS幻灯片教程”，就为大家介绍过一个幻灯片教程，今天再为大家推荐5个以改善CSS编码为主题的幻灯片教程。这5个幻灯片主要帮助大家了解如何写出高效的、可维护的CSS代码，学习CSS中的属性继承、行高(line-height)相关知识，认识CSS系统论及面向对象的CSS编码。

字体使用是网页设计中不可或缺的一部分。经常地，我们希望在网页中使用某一特定字体，但是该字体并非主流操作系统的内置字体，这样用户在浏览页面的时候就有可能看不到真实的设计。美工设计师最常做的办法是把想要的文字做成图片，这样做有几个明显缺陷：1. 不可能大范围的使用该字体；2. 图片内容相对使用文字不易修改；3. 不利于网站SEO（主流搜索引擎不会将图片alt内容作为判断网页内容相关性的有效因素）。网络上有一些使用sIFR技术、或javascript/flash hack的方法，但实现起来或繁琐，或有缺陷。下面要讲的是如何只通过CSS的@font-face属性来实现在网页中嵌入任意字体。