CSS3 和字库

• ★ CSS3 MakerCCS3的生成器。
• 容易地创建 CSS3 animations。Sencha Animator 是一个桌面应用可以为WebKit浏览器和触摸式移动设备创建 CSS3 animations 。
• CSSwarp– CSS 文本扭曲生成器。
• Gradient Editor，一个强大的Photoshop式的CSS 渐变编译器。来自 ColorZilla。
• ★ Google Web Fonts通过Google Web Fonts API 可以浏览所有的字体。
• @font-face Kit Generator，为Web转换字体
• Typetester，比较字体。
• Media Queries一组responsive web 设计。
• Pattern TAP，UI组件。

　　Website (FULL) 模板

• ★ HTML5 Boilerplate是一个HTML5 / CSS / js模板，是实现跨浏览器正常化、性能优化，稳定的可选功能如跨域Ajax和Flash的非常好的实践。 项目的开发商称之为技巧集合，目的是满足您开发一个跨浏览器，并且面向未来的网站的需求。 Sources。
• HTML5 starter pack是一个干净的和有组织的目录结构，其可适合很多项目，还有一些很常用的文件，以及简单的Photoshop设计模板。
• ★ Initializr是一个HTML5 模板生成器，其可以帮你在15秒内创建一个HTML5的项目。
• Animated Portfolio Gallery（教程）。
• Slick MobileApp Website如果通过 jQuery 和 CSS 制作一个手机应用的网站。
• RSS Reader如果通过 jQuery Mobile 创建一个RSS Reader 。
• ★ Single Page Applications使用jQuery的朋友们 (Backbone，Underscore， …)创建单一页面。
• Google TV Optimized Templates, 传统电视已经开始和网路融合，但现阶段产业仍然正在摸索之中，为此将来的网页亦会有结构上的改变。Google TV Optimized Templates是一个用HTML/JavaScript制成的开源软体，一如其名是一个对Google TV作出了非常好的化的的网页范本，其特色是以遥控器作为操作的前提，令使用者无需输入任何文字就可以进行控制。未来除了会有专用遥控器外，还会采用智能手机透过W-iFi控制Google TV的方法。Optimized Templates的界面中左方会展示分类，右方会显示该分类下的影片截图，影片播放、切换、全画面表示都可透过键盘上的方向键、Backspace或Enter等键完成，方便今后的网站开发人员借镜。HTML5 版的模板使用了Google TV UI library，jQuery 和 Closure 。

　　E文好的网友可以参考原文：

http://www.b2bweb.fr/molokoloco/best-must-know-ressources-for-building-the-new-web-%E2%98%85/