20 th

March,2010 | CSS

关于网页的字体排版

Tags: , ,

页面的字体排版其实是比较棘手的一件事情,本人刚开始在设计页面的时候,对于字体属性的选择一直定不下来,不过在经过了几次设计之后,也稍微做了些总结,现分析如下:

这是我对于比较正规的页面考虑采用的样式

font: 12px/1.5 Tahoma, Times New Roman,Helvetica,sans-serif;

  1. 字体大小采用px为单位, 而不采用em. 因为em的可用性提升其实是很有限的,加上现在主流浏览器都支持“全页面缩放(Full Page Zoom)”功能了,所以基本可以不用考虑用em来实现了。
  2. 行高采用1.5, 也就是18px. 我觉得这是比较符合大家视觉的,相对于12px字体,这个行高看起来非常舒服。
  3. 字体样式默认采用Tahoma. Tahoma是英文Windows操作系统的默认字体,这个字体比较均衡,显示中英文混排很不错,是经久耐看的一款字体。TahomaMatthew Carter为微软公司设计的一款字体,从Mac OS X 10.5开始,默认也捆绑了这款字体。但在Mac OS X 10.4及其之前的系统中,没有Tahoma字体。
  4. 而我将Times New Roman排在第二位,其实这款字体也是非常的耐看的,而且我觉得大家应该可以留意到,在我们用office word开始,这款字体就已经成为默认的英文字体了,可见其经典程度。所以我将其用来作为自己博客的logo字体。还有一款要推荐的字体就是看起来比Times New Roman更经典的系统默认字体,那就是Helvetica,这是一款已经超过50年历史的字体,在设计界的地位似乎无人能敌,大家可以参考这篇文章。已经其实我非常想将Helvetica放在首位的,不过,考虑到非Mac系统的Helvetica字体都是rip版,以及Windows的市场占有率,因此只能委屈Helvetica, 放在第三位了。
    放在最后的sans-serif是针对强悍的Linux DIY族。Linux默认只有kernel, 字体完全由用户自定义,针对这部分用户,sans-serif可能能派上用场。
  5. 最后,无论在XP还是Vista、Win7下,不指定网页的中文字体时,默认就是宋体或是微软雅黑。因此font-family属性里的’宋体’是多余的,可以省去。
14 th

March,2010 | Mylife

今天是圆周率节哦~~

今天3月14日,单身的我白色情人节就不过了,来过圆周率节吧~
Interesting? … Continue Reading… »

11 th

March,2010 | Web

11款值得推荐的FireFox开发插件

现在Firefox已经成为一款非常流行的浏览器,特别是对于Web设计师而言。它不仅能呈现完全标准的页面,而且基于Firefox丰富的Web开发辅助插件更能让设计师的工作变得更加有效率。这里向大家推荐几款本人使用过的一些Web开发插件,而它们都是现在设计师相当流行使用的。

Firebug

Firebug能够调试所有网站语言,如Html,Css以及javascript调试等功能,而且它能在各种浏览器下都能使用包括(IE,Firefox,Opera, Safari等)。除此之外,还有一些很强大的功能,如html,css,dom的察看与调试,网站整体分析等等。总之,对于开发者来说它就相当一把瑞士军刀啊。

Interesting? … Continue Reading… »

04 th

March,2010 | IT Technology

Avast! Antivirus Pro 5.0 一年授权KEY

产自捷克的全球最受欢迎的免费杀毒程序Avast!发布了全新加强版的免费杀毒软件。Avast 5不仅改进了用户界面,而且全新的行为护盾功能可以启发式检测安全威胁。专业版里包含虚拟化沙箱来防护远程和本地的执行脚本.而专业版与免费版的主要区别在于此,因此又叫“全功能杀毒软件”。“沙盒”技术与主动防御技术的原理截然不同:主动防御技术是发现程序有可疑行为时立即拦截并终止运行;而“沙盒”技术则是发现可疑行为后让程序继续运行,当发现的确是病毒时才会终止。

以前用的avast4.8版内存占用有点大,而且开的进程数也很多,不过对于5.0的内存占用情况令人相当满意,除了打开软件界面使UI进程略有增加之外,防护模块的占用率甚至还有所下降。而且从CPU资源来看,也基本保持在了50%上下,一般来说这样的表现对系统使用应该不会造成太大影响了。

而且,这次Google 选中新版avast! 5.0为欧洲版Google Pack的捆绑杀毒软件,看来新版的avast!性能确实不俗。
专业版官方下载:http://files.avast.com/iavs5x/setup_av_pro_cns.exe
附一年授权文件:下载

01 st

March,2010 | IT Technology

利用SSH代理爬墙

最近,河蟹无处不在,翻墙危险重重,不过本人发现其实利用putty的ssh tunnel功能也可以实现安全的代理,原理是当用putty ssh连接到美国VPS的时候,putty可以在本地开启一个端口,本地的应用程序连接到本地的这个端口。相当于putty在本地充当了一个socks代理服务器为本地的应用程序提供socks代理。而这个socks代理通过美国VPS连接外网,socks代理和美国VPS直接的数据通信是在ssh隧道里进行的,是安全的。

配置方法:
connection –> SSH  –> Tunnels项下增加一动态端口转发选项,Source port中填入本机要监听的端口,选”Dynamic”,然后再点Add就添加成功了。对于Port forwarding里的Loal ports accept connections from other hosts选项,如果你选中该选项的话,将映射本地所有端口到服务器上,默认只是映射你指定的端口。
Putty

Interesting? … Continue Reading… »

27 th

February,2010 | CSS

为你的CSS技术评个等级

Tags: , ,

Reader Patrick,一位IT软件工程师,提出了一个我认为非常有趣的问题:
“对于我的公司,我正在开发一个项目他能让我们的开发者们能检查他们处在哪个特殊的知识领域。根据大多数的范围,我们设置了5个等级。这些特殊的知识领域的其中之一就是CSS。你知道一些很好的能描述你的CSS知识等级的在线材料吗?并且能够更适合开发者们自己能够评估他是否处于哪个等级?

一个读者提出了他在网络上搜寻到的关于这一点点的研究。在这上面呈现出了一些很有趣的事情,但在这篇文章里,1-4等级几乎是初学者而6级是“超级巨星”。那剩下的都在第5等级的CSS开发世界。

我认为如果我们都把我们的思想聚集在一起,就能提出一个更好的系统。我的一个想法就是如果你甚至连CSS不知道是什么,你就不需要一个评估等级,因此我们不必要仅仅为它而用整个等级。我们能指定第一级别给初学者而指定第五等级给高手。现在我们仅仅需要准确的分解那些组成这些知识等级的东西并试着去分解剩下的三个使之成为有意义的技巧。

仅此开始我们的粗略草案。我将会采用任何人在这方面的评测接着开发它使之成为更加充实的评估系统。我可能将它作为一个民意检测,这可能很搞笑~~ Interesting? … Continue Reading… »