最近在着手“蓝色理想”的页面重构工作，这次的项目与以往来比有几个劣势：

1. 对参与开发人员的水平均不了解；
2. 陌生人，谈不上谁配合谁，只能自己多协调一下大家的编码习惯；

结合这两天的项目进展及过去的工作经验，谈一下前端开发中的团队合作：

1. 详尽的开发文档
   一件产品的诞生，凝聚的是整个团队的努力。要让大家的劲往一处使，最好能在项目开始前，准备好开发的文档，写明注意事项。未必是最完美的，初期通常考虑不了那么周全，但不能因为这个原因，而放弃文档的制订。前期节省的时间，造成后期维护成本的增加，得不偿失。
2. 代码注释
   每一个参与开发的人员，必须注意到自己的代码应该是清晰紧凑的。
   时时问一句，我有没有为一起做这件事和后续做这件事的人着想。
3. 避免样式冲突
   文章开头的案例比较小，暂时没有出现大规模冲突的情况。
   但是在实际的团队配合中，通常会出现这个问题。
   在开发中，要尽量避免使用 p h1 h2 h3 li 这样的通配符，以及 .left .right 这些大家有可能用到的变量名称。如果一定要用，放在显眼的位置。让大家知道，你给过什么属性。

» 阅读全文

关于前端的版本控制讨论，后台程序代码的版本控制已经比较成熟，但是前端代码和素材的版本控制很空白。
在css森林群里，我咨询过版本号的问题，那就先从版本号说起

版本号

引用:
改版.功能更新.优化

a.b.c

a = 大版本的改版，全新UI，架构变化都可以用这个数字
b = 小改版，功能或者功能包升级，新功能上线等
c = 小优化，修正bug或者功能性修补，或者小功能的提升

前端是功能+界面的结合体，代码和文件一般为css，html，js，图片。html版本控制较难，因为要移交给后台程序员修改为模版文件或者添加动态程序。

前端代码产生的流程一般为
按照设计稿和需求制作前台代码，提交页面文件和其他素材文件（图片，css，js），或者自己管理素材文件，提交页面文件给下线。
后台功能的时候，总会产生一些bug，工作疏忽和需求变更[程序实现的可行性，和需求考虑不充分]，进行前端代码的修改。
导致在制作和上线的时候已经存在两个版本。

» 阅读全文

今天面试，要求做下面这个效果（效果图为仿）文件下载见文章最后……

但应聘公司机器上做的时候，本人没考虑他的设计是否合理。也没实现tab切换（因本人赶着回家……

» 阅读全文

最新的CSS兼容方案，让你的样式完美兼容各大浏览器，这个方案主要是用来解决Safari的，Opear是在测试的时候顺带试了一下，结果发现竟然也行，所以顺便也解决了。:)

.e {/*FF OP*/
background-color: #FF0000
}
html* .e{/*Sa IE7 OP*/
background-color:#FF00FF
}
*+html .e{
background-color:#000000;/*OP*/
*background-color:#0000FF;/*IE7*/
}
* html .e{/*IE6*/
background-color:#00FFFF
}
经FF2、OP9.21、OP9.10、Sa3.0.3(pc)、IE7、IE6测试通过，如果你在其他的浏览器版本上测试过，欢迎给我留言，把结果告诉我。

需要注意的是：IE7对样式的解释跟DTD是有关，在没有DTD的时候，IE7是能读取IE6的hack的。

» 阅读全文

css sprites：我对他的中文理解是，将CSS中用到的背景图片进行整合，通过背景坐标定位（位移）的方式来实现背景的显示。
在这里，我们主要讨论的是关于背景整合的方法及在样式中具体使用方法：
一、背景整合：从事前端开发的你都应该非常清楚，我们在使用背景的时候一般情况下有四种平铺方式：平铺，横向平铺，纵向平铺与不平铺，正因为有这几种平铺方法，所以我们在做背景整合的时候，也需要根据平铺方式不同，所整合的方法也就不同，很多人在最开始的时候，都以为是将用到的所有背景全部整合成一张图片，这是不正确的认为，就算可以，但是在无形大大的增加了图片的大小。
1、完全平铺的背景：单独使用，像这种情况下一般情况很少，也就一到两张左右；
2、横向平铺
（1）有固定高度的：一般情况下，是宽1px的图片重复使用，所以我们可以做一张为宽1px，将这种情况的每张图片纵向排下来，至到排完为止，保存。
（2）高度无限增加，不固定：只能像完全平铺一样，单独使用。

» 阅读全文

影响用户访问的最大部分是前端的页面。网站的划分一般为二：前端和后台。我们可以理解成后台是用来实现网站的功能的，比如：实现用户注册，用户能够为文章发表评论等等。而前端呢？其实应该是属于功能的表现。

而我们建设网站的目的是什么呢？不就是为了让目标人群来访问吗？所以我们可以理解成前端才是真正和用户接触的。

除了后台需要在性能上做优化外，其实前端的页面更需要在性能优化上下功夫，只有这样才能给我们的用户带来更好的用户体验。不仅仅如此，如果前端优化得好，他不仅可以为企业节约成本，他还能给用户带来更多的用户，因为增强的用户体验。说了这么多，那么我们应该如何对我们前端的页面进行性能优化呢？

前端的页面主要包括xhtml,css,js。其实xhtml就是现实中所谈到的内容，页面的内容：文字，图片，flash,视频等。

而前端开发工作者可以控制的是什么呢？那就是xhtml，css，js的代码及相应的修饰（背景）图片。

» 阅读全文