请先阅读这篇文章：Web 中文字体应用指南
步骤一：在head中添加如下js，判断操作系统，并为html根节点添加相应操作系统class，注意需要引用jquery。
window.navigator.userAgent.indexOf('Windows') >= 0 ?
jQuery(document.documentElement).addClass('Windows')
:
window.navigator.userAgent.indexOf('Macintosh') >= 0 ?
jQuery(document.documentElement).addClass('Macintosh')
:
false
;
文章转自：Web 中文字体应用指南
在 Web 上应用字体是一项基本技术，同时也是一门艺术。对于英文字体来说可选择的范围实在是太广泛了，合理的使用它们将会为你的网站增色不少。关于英文字体的使用和搭配技巧，在这里不做赘述，只推荐一套非常好的视频：Fundamentals of Design by CodeSchool
而真正的挑战在于中文字体，由于中文字体组成的特殊性导致其体积过于庞大，除了操作系统内置的字体之外，我们很难在网站上应用其他的字体。在可选性很差的前提之下，如何正确的使用中文字体呢？ 继续阅读…
英文原文：10 Free Online UI Testing Tools For Web Designers and Developers
推出一个网站之前最重要的一步是网站测试。网站测试包含响应设计测试、安全测试、可访问性测试、跨浏览器兼容性测试、网站速度测试等。
网站测试对于跨平台的 SEO、搜索引擎排名、转化率、跳出率、网页设计、网站安全性等有很大的影响，所以对于 Web 开发人员来说，，在推出网站之前对它进行测试是很有必要的。
Web 开发人员用于网站测试的神奇工具有很多种，现在我就向大家推荐几款免费的在线网站测试工具。
1. W3C Markup Validation Service
W3C 验证器可以检查任何网站的标记并根据标准找出不准确的地方。 此外，W3C 的验证还包括很多值得称道的特性：永不过时的功能检查、跨浏览器兼容、 放大网页的加载速度、易于维修和修复、更好的搜索引擎排名等。
为什么 Facebook 是蓝色的？因为正如今年戛纳电影节金棕榈奖获奖电影《阿黛尔的生活》的另一个译名《蓝色是最温暖的颜色》吗？扎克伯格也像阿黛尔一样，喜欢上了一个蓝发女孩，然后触发现实扭曲力场，将冷色调的蓝色看成最温暖最舒心的颜色吗？ 继续阅读…
随着响应式 Web 设计的不断成熟，各类框架也变得越发健壮和可靠。如今很多新的框架都开始向一体化多功能的模式进化，它们提供了更多的功能，包含可复用的组件和模块，例如图标、对话框、页码导航、面包屑、导航栏等等。
当然，不是所有的框架都集成了大量的功能，有些仅提供了简洁的固定布局基础。今天，给大家推荐 15 款最新的响应式框架，希望对大家有用。
英文原文: The Psychology of Color: A Guide for Designers 作者： cssmagic
色彩心理学：设计师的选色指南 继续阅读…
本文是我对《Strict mode》的翻译，文中的描述含我个人的理解，有可能和原文有所出入，望理解。
使用ECMAScript 5的严格模式（“strict mode”）会进入受限制的JavaScript模式。严格模式下的JavaScript并不是标准模式的一个子集，而是直接使用了不同语意的代码。 继续阅读…
