CSS Baby

如果你的项目要用到 JavaScript，而你不使用任何 JavaScript 框架，那么对于那些常用且各个浏览器明显不同的地方就需要用函数来封装起来。
下面四个函数就是其中的一部分。

首先我们要添加一段浏览器检测脚本：

// 检测浏览器
var user = navigator.userAgent;
var browser = {};
browser.opera = user.indexOf("Opera") > -1 && typeof window.opera == "object";
browser.khtml = (user.indexOf("KHTML") > -1 || user.indexOf("AppleWebKit") > -1 || user.indexOf("Konqueror") > -1) && !browser.opera;browser.ie = user.indexOf("MSIE") > -1 && !browser.opera;
browser.gecko = user.indexOf("Gecko") > -1 && !browser.khtml;
if ( browser.ie ) {
    var ie_reg = /MSIE (\d+\.\d+);/;
    ie_reg.test(user);
    var v = parseFloat(RegExp["$1"]);
    browser.ie55 = v < = 5.5;
    browser.ie6  = v <= 6;
}

Click to continue…

Mozilla 刚推出了 Firefox 3.5。对于 web 开发人员来说，这不算是一个太好的消息，因为又多了一个浏览器需要调试。
OK 进入主题。现在就来搭建一个包括 Firefox 2.0, Firefox 3.0, Firefox 3.5 的开发环境。我不大喜欢用绿色版，不放心，怕跟正式版有区别。
好，其实方法其实很简单。我们都知道，Firefox 是 Gecko 内核的。而 Gecko 内核的浏览器不止 Firefox 一个，也就是说我们用不同版本的 Gecko 内核浏览器就可以实现多版本了。

Click to continue…

随着一些 JavaScript 库涌现出来，WEB开发人员可以非常容易地制作出让人惊叹的动画效果。在本文中，你将了解到10个顶尖 JavaScript 动画框架。让你更容易创建让人着迷的用户体验。

1. $fx

$fx 是一个轻量级的 JavaScript 动画库，对 JavaScript DOM 函数进行了扩展。它体积很小(仅3.7KB)，健壮的实 q现，较低的学习成本，$fx 是一个不错的选择。[示例] [简介]

Click to continue…

作为一个WEB开发人员，我很喜欢浏览各种网站。当看到自己喜欢的网站我都会将其保存下来。我的方法是将网页分屏截下，然后在 Photoshop 里拼接，非常麻烦。一个偶然的机会发现了 Pearl Crescent Page Saver 插件，用过之后感觉真是太爽了(也许你早就知道了，不要笑我，我以前确实不知道)。如果你也有这个爱好，强烈建议你安装此插件。 Click to continue…

浏览器越来越多，不同的浏览器，不同的版本在页面的渲染上都各不相同。这让网页开发人员很头疼，为了能兼容各个浏览器，人们挖掘出了很多 CSS Hack。下面进行一下总结，如果还有其他的 CSS Hack 欢迎提供。

一) 针对 IE 的 Hack

大部分 CSS Hack 都是针对 IE 的，这是用于我们的 IE “坚强”所致，尤其是 IE6。

#test {
    color:red; /*所有浏览器*/
    +color:blue; /*所有 IE */
    _color:green; /*IE 6及以下*/
    _color /**/:pink; /*IE 5*/
}

Click to continue…