北京网站扶植公司尚品中国(www.sino-web.net):CSS 是了不得的手艺,我第一次用到的时辰,感觉这是我做梦都想不到的工具,随着 CSS3 的引入,圆角,暗影,扭转等等手艺更将 CSS 带到亘古未有的高度。但是,关于 CSS,我们是否是已走得太远,本文以一个 Web 筹划师的角度对 CSS 的一些实验性运用做了另外一种思虑。
那些有关 CSS 的前卫实验
每个实验都是用了分歧的体式款式,其中一些,如 CSS 线图,在现实中可以或者找到现实的运用,别的的,如 CSS 完成的 Twitter Fail Whale 丹青,则纯属实验,这些实验的目的仅仅为了说明 CSS 可以或者完成的成效,其实不意味着该当这样来做。
让我们现实一点
上图是用纯 CSS 完成的社会媒体搜集标识表记标帜,
品牌网站优化,很奇异不是?
就像下面的完全基于 CSS 的社会搜集标识表记标帜,不过是一堆各式百般的线条的组合,当然使人印象深入,也算有创意,但其实不适用,因为创作这样一个标识表记标帜能够必要几个小时的艰苦歇息,在 Photoshop 中画一个异常的图底子不费任何气力,并且成效更好(更精美)。
我迩来读了 Faruk Ateş 的文章,Pure CSS Icons: Make The Madness Stop,文中对这一做法提出了质疑,作者默示,一些人开端测验考试将 CSS 看成筹划工具并敏捷激发大批效仿,但是,这类做法有多少易用性可言?它其实不轻易集成到你的筹划与开辟傍边,也不轻易调剂。
Ateş 认为,这类体式款式生成的图标的可珍爱性也很成成绩,调剂一个图标正本只必要调剂像素,今朝却必要点窜 CSS 界说,同时,上述 CSS 标识表记标帜的筹划者 Nicolas Gallagher 也默示,做这类使命,CSS 其实不是最合适。
下降 HTTP 要求?
下面这幅图中的图标全体用 CSS 生成,并且作者将它们拿出来卖,40个图标卖25美金。不能不认可,这些图标筹划得极端英俊,作者筹划这些 CSS 的初志是为那些运用的网站下降 HTTP 要求数,因为这些图标不必要额定的图片文件要求。但是,一个小小的图标文件带来的 HTTP 要求真的很值得一提吗,况且,运用 CSS Sprite 手艺,这些图标完全可以或者放在分歧个图片中,靠 CSS 定位显露,,这样,只必要一个 HTTP 要求就够了。并且,我其实思疑,这些 CSS 版的图标究竟能增添多少带宽。
本着语义化的肉体
必需认可,我偶然辰会为了完成某种视觉上的必要,而额定运用 DIV 或 SPAN 等标签,这很不语义。但是 CSS 画图是更不语义的事,CSS 的其实使命是对网页中的内容休止润饰,而不是创立内容自己。网页中的图形自己属于内容的范围,不应当由 CSS 创立。
本文宣告于北京网站制作公司尚品中国http://www.sino-web.net/