2010.05 08

IE中 font-family 显示不正常问题

作为中文网站,通常会有中英文混排的状况,所以,一般一个标题的CSS都是这样写的(你查看Demo么):

  1. font-family:arial,simhei,sanserif; /* simhei = 黑体 */ 

这样的话,中英文混排的的时候,会把英文解析成 arial,然后发现中文字体的时候,会自动路过 arial 解释成simhei。但如果你是用IE6或IE7打开的,状况就是上一句是牛屎,因为你看到的不是宋体就是黑体,没有别的(当且仅当你没设定浏览器字体的时候)。有时候有问题,不因别的,就因IE低版本太傻。它们只解析了 arial,而认为 arial 不是中文字体组,就直接解析成系统默认或浏览器设定值。所以,为了达到目的,如果你坚持不想显示成系统默认字体,那么,可以这样写来解决这样的问题:

2010.04 26

CSS Hack For All A-grade Browsers

今天在整理一些CSS相关的东西,整了一个CSS 选择器hack列表。几句代码。用得好的话,似乎这一点点东西就可以解决你90%以上的问题。当然,每个人可能不同,这里放出来供大家参考:

  1. .sofish{ 
  2.         color:#c30/* all */ 
  3.         +color:#f30/* ie7 */ 
  4.         _color:#07f/* ie6 注意ie7的"+"号hack写在前端,因为ietester中的ie6认识"+" */ 
  5.         *color:#777/* ie6-7 */ 
  6.         color:#ccc\9/* all-ie */ 
  7.  
  8. @media all and (min-width0px){ .sofish{color:#06f;} } /* webkit and opera */ 
  9. @media screen and (-webkit-min-device-pixel-ratio:0){ .sofish{color:#aaa444;} } /* webkit */ 
  10. @media all and (-webkit-min-device-pixel-ratio:10000), not all and (-webkit-min-device-pixel-ratio:0) { .sofish{color:#f36;} }/* opera */ 
  11.  
  12. @-moz-document url-prefix(){ .sofish{color:#f60;}} /* Firefox */ 
  13. body:empty .sofish{color:#080;} /* Firefox 1-2 */ 
  14. html>/**/body .sofish, x:-moz-any-link, x:default { color:#333; } /* newest firefox */ 

不过,像这些比较暴力的方法,请慎用。提高效率,提高代码的质量不是hack可以撑起的,甚至沾不上边的。介于明天要早起去出糗,要早点洗澡早点睡觉,就不写DEMO来演示了。有疑问的,不同意见的,表扬的,其他的,都在留言说吧,邮件也是可以滴。

2010.04 15

Javascript 正则表达式基础

测试文章:不过,这是一篇非常好的文章。原文:javascript 正则表达式

网上正则表达式的教程够多了,但由于javascript的历史比较悠久,也比较古老,因此有许多特性是不支持的。我们先从最简单地说起,文章所演 示的正则基本都是perl方式。

元字符

( [ { \ ^ $ | ) ? * + .

预定义的特殊字符

字符 正则 描述
\t /\t/ 制表符
\n /\n/ 制表符
\r /\r/ 回车符
\f /\f/ 换页符
\a /\a/ alert字符
\e /\e/ escape字符
\cX /\cX/ 与X相对应的控制字符
\b /\b/ 与回退字符
\v /\v/ 垂直制表符
\0 /\0/ 空字符

2010.03 28

Fanfou.de 登陆界面

好久没有在Fireworks中动过了,动起手来才知道手生。最大的问题是灵感,灵感总是伴随着折腾;另外就是工具生了,比如钢笔工具。然后,还是出来了这样的一个界面(fanfou.de):

fanfou.de

虽然不是什么大作品,不过,这是一个新的开始。有时候我们很容易因为别的东西忘记了自己原来拥有的最重要的东西。生活开始改变,但不能开始放弃。不是说希望创造点什么吗?写漂亮的代码,做漂亮的界面。再看看关掉CSS下这个界面的显示方式:

fanfou.de

Hmmm… 界面做得不怎样。这个结构还是挺好的。继续继续,生命不息,折腾没停。

2010.03 19

此地钱多,人少 – 支付宝UED·前端开发

“招人啦,招人啦。钱多,人少,环境好”。 吼,就这样吼着,不过,主任( @mmtea )说招人难啊。我知道,大家还是在考虑,考虑总是必然的。我也这样考虑着。所以,不准备像blueidea上发广告那样抄了。招几个小理由先:

支付宝前端开发

2010.02 25

DISPLAY:-moz-inline-box | -moz-inline-stack

最近好忙好忙,上一篇文章的留言都还没回复。发完这篇文章准备去书城看看书。分享一个收获。今天在做熟悉工作的时候,CSS一行行地看,发现了下面这段代码:

a.btn-fixed, a.btn-4cn, a.btn-2cn {
	display:-moz-inline-box;
	display:inline-block;
	*zoom:1;
	*display:inline;
	vertical-align:middle;
	height:19px;
	padding:0 0 2px;
	*padding:1px 0 2px;
	line-height:19px;
	font-size:12px;
}

2010.02 23

2010·小鱼·幸福收藏夹

来杭州快两个月了。感触良多,一直想找时间写写东西。不过,由于要熟悉各种各样的事,加上手头上的工作,外加丰富的团队+其他生活,真是有得忙。以至于现在头脑还不是特别安定,比如今年开工第一天,在门口首着发小礼物的同事说新年快乐的时候,我都忘记要回答什么;又比如拿了小盆友的糖都忘记说谢谢。

一、设定小目标

好,趁在等头发干,抽回神来。速速整理一下一些小目标。记得08年也是在博客上发目标,希望学会做WordPress 主题,才会有今天搞前端的我。今年,再次记在博客上,希望与大家共勉。

1、关于学习 – JS / PHP / 小研究

首页 » Take whatever u like home »