css trick

以前我一直觉得css负责样式，js负责交互，html是内容，他们应该各司其责，互不干涉。

后来我发现有些东西只用单一的一样完全达不到效果，这些语言并非我们想象的那么完善。

以前我看见一个水平分割线，我会把它当做上面的下边框或下面的上边框对待。现在我会把它看成一条线，用一个div或其他标签标记出来。现在你会在我的代码中看到较多的这种为了样式多写出来的HTML。只是为了方便重用，而且看上去一目了然。

我还记得项目中有个视频从小变大的那一块，变大后自动播放，由于视频涉及到了Flash和video标签，在有限的时间内我没精力将两者统一，尺寸的变化一直搞不定，后来的实现方案是用一张图片代替播放器从小变到大，结束尺寸变化后在播放，你会问，别人看不出来这是张图片吗？确实看不出来，没人会去点击一张看起来像播放器而且正在改变大小的图片。

有的时候一个标题随着设备的尺寸而变化大小（响应式），会出现长度过长分成两行的情况，很难看。

后来没办法采用了图片。你会说，图片多大啊，多耗流量啊，但有时候，客户在意的并不是这个，他们在意视觉表现。我见过太多客户会因为一个像素和你撕B。。

设计师的天马行空，当然是让人享受的一件事情，有些网站的设计图真的是一件艺术品。但遗憾的是，因为浏览器的问题（ie8快点去死一死），有太多效果没办法实现。有的时候我真想把整个图片放上去，不用coding，简单而又享受。但实际项目中可以这么做的少之又少，多语言、响应式、还没涉及到后台什么的，你不得不重新构思整个网站，最后却发现自己不能完美的实现它。

It's magic and art, but a majority of us think it's just a work of coding, we droped in code and had any fun of it.