日期：2008-08-21 分类：未分类
你有博客吗？我想应该有。但你知不知道，一些知名网站（比如淘宝、网易、QQ）的一些开发团队也有他们的博客呢？这些团队博客的内容一般是技术性日志以及他们网站动态的日志，去看看还是很有收获的。下面是我所知道的一些团队博客，希望你们看了也能有所收获。如果您还知道我这里没有的，请你推荐给我，谢谢！
一、团队博客
淘宝UED：http://ued.taobao.com/blog/
阿里巴巴UED：http://www.aliued.com/
阿里巴巴中文站前端开发团队：http://www.f-dev.com/
阿里巴巴用户体验部群博客：http://www.aliued.cn/
阿里妈妈UED：http://ued.alimama.com/
口碑网UED：http://ued.koubei.com
阿里软件UED：http://www.alisoftued.com/
163UED：http://www.ued163.com/
九天音乐UCD：http://www.9skyucd.com/
亿玛UED团队：http://ued.emarblog.com/
二、招聘网站
1、阿里巴巴国际网站UED团队 招聘站点：http://job.aliued.com/
2、雅虎招聘：http://cn.career.yahoo.com/yahoo/hr/1/
查看：432 评论：没有评论 标签：web前端
日期：2008-08-16 分类：CSS
Tab面板好象最早出现在网易吧。Tab面板由于能节省很多网页空间、给用户较好的体验，受到很大家的喜爱，所以很快流行起来了。
Tab面板一般都是利用javascript制作的，也应该由javascript制作。现在我们突破常规，用纯CSS来制作一个Tab面板，你可以先点击这里查看效果，怎么样？点击3个链接，有不同的内容切换吧。看看具体的代码： 阅读全文 >
查看：579 评论：4 标签：Tab
日期：2008-08-13 分类：CSS
由于垂直 margin 会出现叠加的现象，（如果你还不太了解垂直 margin 叠加的原理，请查看margin叠加原理）所以有些情况下 margin-top 在 IE 和 FF 会出现不同的现象。如下面的代码：
<div id="box">
<div id="son"></div>
</div>
* { margin:0; padding:0;}
#box { width:500px; height:400px; margin:0 auto; background:#ccc;}
#son { width:500px; height:300px; margin-top:20px; background:#f00;}
查看Demo
在 IE 里，出现我们希望的效果，而在 FF 里，却没有。子盒子 #son 没有出现 margin-top:20px 的效果，反而父盒子 #box 出现了 margin-top:20px 的效果，也就是我们给子盒子设的 margin-top:20px 属性出现在父盒子里了。
怎么解决呢？最好的办法是用父盒子的 padding-top 代替子盒子的 margin-top，详细代码如下：
* { margin:0; padding:0;}
#box { width:500px; height:400px; margin:0 auto; padding-top:20px; background:#ccc;}
#son { width:500px; height:300px; background:#f00;}
查看Demo
还有其他方法，但和上面的比较更麻烦，就不介绍了。。。
=======华丽的分割线=========================================
读者“vampire”在评论中说为父元素设置 overflow 属性也可以解决此问题。经测试，为父元素设置 overflow 属性，值为 hidden 或 auto 都能解决此问题，而且这种方法似乎更容易理解，更符合本意。感谢“vampire”的评论。
查看：731 评论：7 标签：margin-top
日期：2008-08-12 分类：CSS
前段时间有个网友发个文件给我，问我什么他的有序列表项在IE里全部都显示“1”，当时我也觉得很奇怪，因为之前我也没有遇到过这种情况。现在我们来看看为什么会出现这样的奇怪现象。 阅读全文 >
查看：303 评论：没有评论
日期：2008-08-12 分类：CSS
浮动是CSS布局中最常用的属性，然而浮动是脱离标准流（也称文档流）的，如果不清除浮动的话，会对周围的元素产生影响。也正是浮动脱离标准流这一特性，使浮动成为CSS布局的难点之一。
清除浮动有好一些方法，但兼容各种浏览器的方法却不多。下面我就介绍三个比较有效的兼容的方法，这三个方法也见证了我用CSS布局的几个阶段吧。这三个方法中的某种方法可能你也在用，如果你对那种方法很熟悉了可以直接54。
我们以下面的XHTML代码为例来说明这三种方法的用法： 阅读全文 >
查看：578 评论：4 标签：浮动
