为不同操作系统使用不同的中文字体

请先阅读这篇文章: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 中文字体应用指南

在 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 的验证还包括很多值得称道的特性:永不过时的功能检查、跨浏览器兼容、 放大网页的加载速度、易于维修和修复、更好的搜索引擎排名等。

继续阅读…

好的用户界面-界面设计的一些技巧

转自:刘哇勇的部落格http://www.cnblogs.com/Wayou/p/goodui.html

如此有用的文章我已记不得是什么时候发现的了,但在看完的那一刻便想将之翻译,分享给大家自己也受用。

时间过了很久,来到了2014年,终于静下心来花了大把时间连同图片一起译成了中文。像我这样业余的翻译六级分数只够及格的程序员,不敢说做到信雅达,但求意思到位。

1 尽量使用单列而不是多列布局

单列布局能够让对全局有更好的掌控。同时用户也可以一目了然内容。而多列而已则会有分散用户注意力的风险使你的主旨无法很好表达。最好的做法是用一个有逻辑的叙述来引导用户并且在文末给出你的操作按钮。

继续阅读…

15个最新的响应式设计前端框架

随着响应式 Web 设计的不断成熟,各类框架也变得越发健壮和可靠。如今很多新的框架都开始向一体化多功能的模式进化,它们提供了更多的功能,包含可复用的组件和模块,例如图标、对话框、页码导航、面包屑、导航栏等等。

当然,不是所有的框架都集成了大量的功能,有些仅提供了简洁的固定布局基础。今天,给大家推荐 15 款最新的响应式框架,希望对大家有用。

1. Girder

继续阅读…

ASP.NET MVC 5 Authentication Filters改进了基于过滤器的身份验证

文章主要介绍如何在ASP.NET MVC5中使用新的Authentication Filters基于过滤器的身份验证机制。

ASP.NET MVC 5包含在最近发布的Visual Studio 2013开发者预览版中。

如果你在之前在项目中使用过MVC,你一定非常喜欢通过Authorization属性来为你的网站加强基于角色的安全验证的方式。在MVC5中,开发人员可以实现身份验证过滤器,它可以提供使用各种第三方供应商或自定义的身份验证机制进行用户身份验证的能力。 继续阅读…