fireyy blog

Asaph是一个小巧的微博客系统，上次介绍过。稍微修改了一下，让它支持同步最新的信息到Twitter，推荐有良好“审美观”且没有“收藏癖”的同学使用，如果因此在followers里引起任何骚动，本人概不负责 修改如下：

1. 目标文件lib/asaph_config.class.php, 第10行后面添加

public static $twitter_info = array(
	'username' => '',
	'password' => '',
	'msg' => '[New favorite]: %s at %s'
);

这里需要填入你的twitter帐号和密码，另外msg,为发布的消息格式，第一个%s代表标题，第二个%s代表来源网址。

2. 下载这里（~8KB）的文件，放入lib目录，如有重复，替换即可。

以上结束。再次重申，请谨慎使用，以免影响您的followers。

过去的一段时间里一直很在意YUI（Yahoo UI Library），为了不辜负这段时间的窥视，终于决定要投入实际的应用。

首当其冲的是CSS Fonts，提供跨浏览器（cross-browser）的文字效果控制：

• 对于 A-grade browser 的完全支持。（关于A-grade browser的概念，看这里）
• 对于多浏览器，提供统一的“文字大小”和“文字间距”显示效果。
• 合理的字体设定，支持跨操作系统（cross-OS）的字体选择。
• 对”用户控制字体大小"的良好支持。（在浏览器中用ctrl+滚轮）
• 支持"Quirks Mode" 和 "Standards Mode"（W3C上对两种模式的对比）

如果你明白以上这些生涩的介绍，那么可以立马尝试一下了。如果是看的一头雾水(万分抱歉...)，推荐直接看原文介绍。

最后有人会说：“我引入了CSS Fonts以后，不能通过CSS校验了...”，关于这个我想说的是：“到底是机器人(Robot)重要，还是人(User)重要，各位自己斟酌了”。

在"Styling lists and creating nav bars"章节发现一个对我来说很有用的ie bug fix:li {display:inline;} 作者的注释是"Removes large gaps in IE/WIN".马上试验了一下，真的解决了一个长久困扰我的问题。

以前在做一些纵向的导航菜单的时候，经常会用到一个锚（a）的hover效果，范例可以看这里

li a {display:block;background:#000;color:#FFD800;}
li a:hover,li.here a {background:#570B06;}

这里我们把锚（a）块级化以后，在IE7.0之前的版本中，锚（a）后面会有一个空白textnode，另起一行的问题，这样便把各个li的间距加大了。我以前的fix方式，就是把html结构里li前后的空格都消灭掉，做法比较烦人...

现在好了，只要li {display:inline;}就可以了，多看书还是有益的

Internet Explorer 7中的层叠样式表兼容性不知道怎么的就在MSDN上看见了这篇文章，都2007年了，我还是每天在网上闲逛。

在IE 7下，我的页面乱了、内容溢出了，文字重叠了...这些可能是用了IE 7以后，比较多出现的页面问题吧。不知道我的页面在IE 7下是怎么样的，应该不会有溢出的问题把。（希望）顺便推荐一个网站，可以给你返回各种浏览器浏览你网站的效果图片。（Test your web design in different browsers）

继续话题，文章上提到了几点引起这些浏览的问题关键：

1. 处理overflow:visible的默认行为

   设置了默认的高度和宽度，在IE 6的年代，内容如果超出范围，高度将会自适应的变化（好似很智能），但是在IE 7下就会有溢出了，如果你必须要制定一个最小的高度或者宽度的话，推荐使用min-height和min-width

2. 由于CSS hacks的改进而导致的错误页面(IE 7对于CSS支持的改进)

   一些老的CSS hacks写法，比如用html > body，head + body，head:first-child + body等来区别IE和其他现代浏览器，因为IE 7已经支持以上CSS声明，所以也失效了，必须注意。

关于CSS hacks，可以看看以前的这两篇文章：

• CSS hacks
• IE条件注释方式