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.

郑重声明:本站内容如果来自互联网及其他传播媒体,其版权均属原媒体及文章作者所有。转载目的在于传递更多信息及用于网络分享,并不代表本站赞同其观点和对其真实性负责,也不构成任何其他建议。