CSS3新网页技术的时代
那些有关 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 创建。
本文发布于北京网站制作公司EMC易倍体育官方 中国//dinglils.com/
推荐新闻
更多行业-
建设手机网站有哪些常见误区?
随着移动终端的发展,用户使用移动设备上网的次数超过了电脑,这表明移动网...
2020-12-22 -
SEO优化中的“自然”
这是一个临时需要坚持的过程,对于发外链的话。千万不要三天打网两天晒鱼,...
2012-06-18 -
网站设计对于题材选择的几点建议
1.网站设计主题要小而精。定位要小,内容要精。如果你想制作一个包罗...
2015-01-15 -
为什么选择高端营销型网站建设?
高端营销型网站建设方案一般都是专业的网站建设团队,经过对企业及其网站建...
2019-06-06 -
企业网站建设:助力搜索引擎高效抓取的全方位优化策略
企业网站不仅是展示品牌形象的窗口,更是获取潜在客户的重要渠道。然而,仅...
2024-10-18 -
企业网站建设中要考虑哪些细节问题
互联网信息已经到达世界的每一个角落,传播它的最快和最有效的方式是通过企...
2020-03-03
预约专业咨询顾问沟通!
免责声明
非常感谢您访问我们的网站。在您使用本网站之前,请您仔细阅读本声明的所有条款。
1、本站部分内容来源自网络,涉及到的部分文章和图片版权属于原作者,本站转载仅供大家学习和交流,切勿用于任何商业活动。
2、本站不承担用户因使用这些资源对自己和他人造成任何形式的损失或伤害。
3、本声明未涉及的问题参见国家有关法律法规,当本声明与国家法律法规冲突时,以国家法律法规为准。
4、如果侵害了您的合法权益,请您及时与我们,我们会在第一时间删除相关内容!
联系方式:010-60259772
电子邮件:394588593@qq.com