分享
 
 
 

CSS 与 Wired.com

王朝html/css/js·作者佚名  2006-01-09
窄屏简体版  字體: |||超大  

原文位于:http://www.macromedia.com/software/dreamweaver/special/css/wired/

在这瞬息万变的时代,Wired.com运用css的强大功能和可扩展性,使其能够在最短时间内对整个站点做出更改。

从创立起, Wired.com 的编辑们保证说这个站点将是我们获取最新科技新闻的唯一选择。 当然了, 他们也确实提供了这些。 然而, 这个站点的上个版本却仍停留在HTML的“中生代”时期。 一大堆不必要的表格代码以及成千上万的字体标签意味着更新需要花费许多天甚至是许多个星期来完成。

进入 CSS

有了层叠样式表, Wired.com 可以每天改变站点包含的500,000个页面的字体颜色。这个过程是完全自动化的, 只需要每天晚上指向一个不同的CSS文件。 用户还可以通过一个特别的样式切换器来方便地调整文本大小而不破坏原有布局。 还有因为内容的结构从其表现中分离开来, 将来的重新设计将不需要向以前那样大动干戈。

那么用户的反应是怎么样的呢? Wired.com 的前任设计经理 Douglas Bowman 解释道, "当你来到Wired.com的时候, 你会希望看见并感受一个将自己的技术推向极限的高级站点, 正如它故事的主题一样。 现在站点完全享有了CSS的优点,你也将可以感受到所预计那样的完美体验。"

Wired.com 提供的CSS Tips

不要把技术放在设计前面。 开始设计的同时,应该记住你将会使用css来实现这个设计。但是应该首先确定设计的方向。然后把设计分解成许多逻辑上的组件, 使用CSS来向拼图一样将其重新组装。 如果你不一开始就至少有了一个粗略的设计方向的话,只会让你在接下来的过程感到迷惘。

让你的样式表保持有条不紊。 把CSS规则分组成你或者你的团队能够明白的有逻辑的区域。用注释来清晰的指出规则分组及其作用。 这不但能帮助其他的团队成员解码你的样式表, 它也能帮助你几个月后依然能记得你在这份样式表中干过些什么。

学习技巧背后蕴含的原理。 学习现有的 CSS 示例和设计。 每个星期都有更多的站点用CSS进行重构, 还有许多的书籍, 文章和教程都已经可以找到。 考虑一下为什么一些技巧能起作用。它们在做什么? 为什么这样做会更有利? CSS真正的力量要靠明白某项技巧如何和为什么能工作的能力, 而非死记硬背具体的一系列步骤、或者是一些优美的规则组合。 对概念有了更好的理解,能让你能更好的把已有的东西重新应用来解决其他的设计挑战。

Tips by Douglas Bowman, former Design Director, Wired.com

 
 
 
免责声明:本文为网络用户发布,其观点仅代表作者个人观点,与本站无关,本站仅提供信息存储服务。文中陈述内容未经本站证实,其真实性、完整性、及时性本站不作任何保证或承诺,请读者仅作参考,并请自行核实相关内容。
2023年上半年GDP全球前十五强
 百态   2023-10-24
美众议院议长启动对拜登的弹劾调查
 百态   2023-09-13
上海、济南、武汉等多地出现不明坠落物
 探索   2023-09-06
印度或要将国名改为“巴拉特”
 百态   2023-09-06
男子为女友送行,买票不登机被捕
 百态   2023-08-20
手机地震预警功能怎么开?
 干货   2023-08-06
女子4年卖2套房花700多万做美容:不但没变美脸,面部还出现变形
 百态   2023-08-04
住户一楼被水淹 还冲来8头猪
 百态   2023-07-31
女子体内爬出大量瓜子状活虫
 百态   2023-07-25
地球连续35年收到神秘规律性信号,网友:不要回答!
 探索   2023-07-21
全球镓价格本周大涨27%
 探索   2023-07-09
钱都流向了那些不缺钱的人,苦都留给了能吃苦的人
 探索   2023-07-02
倩女手游刀客魅者强控制(强混乱强眩晕强睡眠)和对应控制抗性的关系
 百态   2020-08-20
美国5月9日最新疫情:美国确诊人数突破131万
 百态   2020-05-09
荷兰政府宣布将集体辞职
 干货   2020-04-30
倩女幽魂手游师徒任务情义春秋猜成语答案逍遥观:鹏程万里
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案神机营:射石饮羽
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案昆仑山:拔刀相助
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案天工阁:鬼斧神工
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案丝路古道:单枪匹马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:与虎谋皮
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:李代桃僵
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案镇郊荒野:指鹿为马
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:小鸟依人
 干货   2019-11-12
倩女幽魂手游师徒任务情义春秋猜成语答案金陵:千金买邻
 干货   2019-11-12
 
推荐阅读
 
 
 
>>返回首頁<<
 
靜靜地坐在廢墟上,四周的荒凉一望無際,忽然覺得,淒涼也很美
© 2005- 王朝網路 版權所有