时光博客 - WEB开发中的可用性和用户体验
全部文章

让GDI++渲染你的系统

Posted by Kevin | Filed under Tools/share | 2009-02-02

前几天在远景看到了这个软件，具体功能是用来模拟apple mac机器的字体效果。本来是想把机器模拟成apple的效果，但是还是放弃了，毕竟有点不伦不类的。不过改善字体效果还是很不错的，我贴几张图大家看看.虽然不是100%的像MAC不过还是很不错！

阅读全文  |   6552 次阅读，已有 9 人留下评论   |  Tags: gdi++, windows, fonts

[译]Quirks mode in IE 6 and IE ...

Posted by Kevin | Filed under HTML/CSS/JS | 2009-02-01

由于近段时间在研究“Quriks mode”，找到的都是国外的文章，于是翻译了一篇。如翻译不准确，请参看原文.

将ie7运行在“怪异模式”下，对那些已经能熟练操作旧版IE中渲染和控制但是依然喜欢运行其他的浏览器在“标准兼容模式”，是一个不错的选择。这大概很少人会选择使用，但是它记录完整。

据IE 7开发团队（IE博客） ，IE7运行在“怪异模式”将采取类似的IE 6中的“怪异模式”，为了向下兼容的原因。我们还没有广泛测试此渲染模式。

如何触发怪异模式

一些doctypes （ Sivonen ; Gutfeldt ; Bergevin ）或列入一个<xml>声明，在IE6中，触发“怪异模式”或向后兼容模式 。在这种情况下， ie6就像IE5.5，并共享相同的bugs，问题和行为作为其高级版本。

在IE7中，一个<xml>声明不会再变化渲染模式（Campbell） 。谁想要保留所有版本的IE直到IE 7在怪异模式中（在不影响其他浏览器）已经不能依靠这个了。但是，在doctype前面，在<xml>声明后面插入一个行注释，在IE 7中仍会触发怪异模式 ，如在下面的例子。

  1. <?xml version="1.0" encoding="utf-8"?> 
  2.    <!-- ... and keep IE7 in quirks mode --> 
  3.    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Strict//EN" "http://www.w3.org/TR/xhtml1/D
阅读全文  |   6686 次阅读，已有 2 人留下评论   |  Tags: quirks mode, ie6, ie7

[转]浏览器的两种模式quirks mode 和strict...

Posted by Kevin | Filed under HTML/CSS/JS | 2009-02-01

在看js代码时，有时会看到关于quirks mode(怪异模式)和strict mode(严格格式)的东西，一直也没深究怎么回事，只是零零碎碎的有些概念，最近终于受不了这种似懂非懂的感觉，决定好好学习总结一下。

1、quirks mode和strict mode是浏览器解析css的两种模式，或者可以称之为解析方法。目前正在使用的浏览器这两种模式都支持 。

2、历史原因。

当早期的浏览器Netscape 4和Explorer 4对css进行解析时，并未遵守W3C标准，这时的解析方式就被我们称之为quirks mode(怪异模式),但随着W3C的标准越来越重要，众多的浏览器开始依照W3C标准解析CSS，仿照W3C标准解析CSS的模式我们叫做strict mode(严格模式).

3、后来的浏览器虽然支持strict mode，但众多浏览器并未放弃支持quirks mode。

一个重要的原因就是为了之前大量在quirks mode下开发的网页能够得到正确的显示。所以，这些支持两种模式的浏览器当拿到一张网页时，所做的一个前期工作就是判断采取何种方式进行解析(判断条件后面会说)。注：Explorer 5仍然只支持quirks mode 

阅读全文  |   5739 次阅读，已有 1 人留下评论   |  Tags: web, quirks mode, strict mode, doctype

推荐使用梦游科技空间

Posted by Kevin | Filed under Life/Story | 2009-02-01

阅读全文  |   4648 次阅读，已有 19 人留下评论   |  Tags: meyu, idc, 服务商, 梦游

IE6中的min-width一般解决方法

Posted by Kevin | Filed under HTML/CSS/JS | 2009-01-31

上次翻译的一篇文章How to Use CSS to Solve min-width Problems in Internet Explorer中已经找到了非JavaScript和css expression 实现ie中的min-width。

这次我们看看CSS expression的实现方法：

  1. #content{   
  2. _width: expression(((document.compatMode && document.compatMode=='CSS1Compat')? document.documentElement.clientWidth : document.body.clientWidth) < 700? '600px' : 'auto');   
  3. }  

这里的 

  1. ((document.compatMode && document.compatMode=='CSS1Compat')? document.documentElement.clientWidth : document.body.clientWidth) < 700  

只是个判定条件，判定页面body的宽度，如果页面body的宽度小于700（这个要根据具体的页面来指定），就把content的宽度指定为600，否则就让它自适应宽度。这里的content宽度，可以根据自己的情况来设定。

5782 次阅读，已有 1 人留下评论   |  Tags: css, ie, expression, min-width

[译]min-width的跨浏览器兼容解决方法

Posted by Kevin | Filed under HTML/CSS/JS | 2009-01-30

项目中用到min-width，找了很多解决方案，都不管用，上蓝色经典问了些高人。版主推荐了一篇国外技术文章，觉得价值比较大，就翻译一下，收藏起来。英文比较差，如果翻译有错，还请指正。

介绍
min-width这个属性除了IE6，以及IE5.X以外的浏览器一般都支持.所以本文主要是针对IE的css hack!
对网页设计人员来说，缺乏支持的最小宽度min-width在Internet Explorer中造成了许多问题.到现在为止，唯一模拟min-width的方法是使用JavaScript或Internet Explorer的expressions语法（间接的JavaScript）.经过几个小时的尝试，我发现了一个纯CSS的方法.我的方法需要额外的一些div控制宽度和最小宽度，但我相信这是一个很小的代价，一个非 JavaScript方法工程跨浏览器（甚至在Mac IE5）

方法
基本思想是为那些理解min-width的浏览器提供如下正常的方法，对IE提供他独特的风格（我会解释一下教程）

The Css

  1. body {  
  2.  background:#fff url(rule.gif) 20px 0;  
  3.  color:#000;  
  4.  font-family:"trebuchet ms", "times new roman", times, serif;  
  5.  margin:20px;  
  6.  padding:0;  
  7. }  
  8. .width {  
  9.  width:50%;  
  10.  min-width:300px;  
  11.  background:#fff;  
  12. }  
  13.  
  14. .content {  
  15.  border:1px solid #c00;  
  16.  padding:5px;  
  17. }  
  18.  
  19. .rule {  
  20.  width:300px;  
  21.  background:#c00;  
  22.  color:#fff;  
  23.  margin:1em 0;  
  24. } 
阅读全文  |   5939 次阅读，已有 3 人留下评论   |  Tags: min-width, hack, css, cross, browers

《防火墙5788》插曲-擦肩而过mp3

Posted by Kevin | Filed under Tools/share | 2009-01-29

该剧是一部以IT商战悬疑为故事线索、讲述一群年青人在城市里通过自身努力实现人生价值的故事。预计于2007年底杀青，之后在北京投入后期制作，08年春节后即可成片。

青梅竹马的舒蓉与贝志诚遭遇了前所未有的事业挫折，他们即将上市的舒诚公司屡遭背后黑手暗算。舒蓉的办公室被人闯了空门，对方直冲“上市计划”而来，虽然没有得手，却暴露出公司内部已有“间谍”。寻找深藏不漏的内奸，应付接踵而至的突发事件，加快公司的上市步伐，舒蓉和贝志诚忙得不可开交。然而事情的头绪却越理越多，更加令人费解。

在公司上市的紧要关头，贝志诚突然莫名其妙的发了水灾，电线短路。一个重要的程序必须在这天完成交给客户，贝志诚只好抱着未完成的硬盘四处寻找网吧。路上，贝志诚无意中遇到了来京投奔好友的宋玉秀，贝志诚好心载了玉秀一程，却不想玉秀下车后，贝的硬盘数据丢失了嫌疑落在了玉秀遗落的箱子上，贝志诚怀疑玉秀的身份与黑客有关，与舒蓉一同进行追查。此时，丢失箱子的玉秀心急如焚，在网上高价拍卖所失箱子里的宝贝。

正当贝志诚为黑客的事情绞尽脑汁的时候，在自己的家里以外的发现了摄像头，电脑被顶尖黑客入侵，一切来的神不知鬼不觉。对方还光明正大的在网络上挑衅，真正高手间的较量开始了。同时，贝志诚和玉秀这对欢喜冤家也展开了他们之间的“较量”。

舒蓉的助手张倩发现内奸，但她却没有把真相告诉舒蓉，而是拿着公司的上市计划跟对方谈交换条件。舒蓉得知暗算舒诚集团的幕后黑手是自己的初恋情人，公司高薪聘请的“海龟”佟俊竟然是对手的拜把兄弟。舒诚集团陷入了对手精心布置的局，同时，一段恩怨纠缠的陈年往事也浮出水面。

舒诚集团步步小心，最终却还是走进了圈套。对手以人质为要挟，贝志诚手中的股份成了决定舒诚集团命运的关键。贝志诚不知该如何取舍，舒蓉却在第一时间从容做出了决定。意想不到的是，佟浚在关键时刻轻松使出杀手锏....... 

阅读全文  |   7416 次阅读，已有 7 人留下评论   |  Tags: 擦肩而过, 防火墙, mp3, 下载
Total:135« First‹ Prev7891011121314Next ›Last »