关于话题“CSS”的文章存档

仅仅六年之前，互联网还是一个独裁者的世界——Internet Explorer ()（主要是Internet Explorer 6）垄断着浏览器市场。没了Netscape的竞争，加上与Windows XP的绑定，微软获得了令人艳羡的市场份额——巅峰时期将近95%。时至今日，可供我们选择的浏览器种类也令当年的用户艳羡——Firefox (), Safari (), Opera (), Chrome ()，以及Internet Explorer 8。

那么，为什么现在还有15%至25%的网页浏览量来自这火星时代（也就是2001年）的浏览器？作为一名coder（程序员），designer（设计师），UI guy（用户体验工程师），这破浏览器给我们带来的困扰简直是罄竹难书。为了兼容性这位大美女，我们在IE6这个糟老头上耗费了难以计数的精力和时间。

尽管IE6增加了我们的负担，但只要有克服困难的决心，我们开发出的Web应用也还是有一定可用性。不过现在，HTML 5 的正式登场近在眉睫，我们乘坐的Web列车正火速开往一场巨大变革的重要拐点。IE6无疑是这条“革命之路”中间的巨大障碍。革命的号角已经吹响，在接下来的几个月，我们的主动行动将越来越重要。Web技术要发展，IE6必须进坟墓！

英文原文：Fixed vs. Fluid vs. Elastic Layout: What’s The Right One For You?

译文原文：固定 vs. 流动 vs. 弹性：哪种布局更适合你？

©请尊重作者和译者   若需转载   请依原样保留本声明

另有一篇《自适应CSS布局——流动布局新时代》，在我草稿箱里放了快一个月了，一直没翻译完。但另有高手已经完成，请看：http://www.denisdeng.com/?p=324

有一个问题已经困扰网页设计师们很久了：该使用固定、流动、弹性，还是混合布局呢？它们各有优缺点。最终的决定取决于网站的可用性，单用某一种布局就想达到目的，可能没那么容易。那么，既然如此令人困惑，是否有做出正确决定的诀窍呢？考虑好几个问题，恰当地设定目标结果，你也能做出融合各方优点的成功布局设计。

本文将讨论每种布局方案的利与弊。其实，只要你时刻注意可用性，每种方案都能实现成功的网站布局。

本文提供即刻提升你的脚本性能的十个步骤。不用担心，这并不是什么高深的技巧。人人皆可运用！
这些技巧包括：

1. 使用最新版本
2. 合并、最小化脚本
3. 用for替代each
4. 用ID替代class选择器
5. 给选择器指定前后文
6. 建立缓存
7. 避免DOM操作
8. 避免使用concat()，利用join()处理长字串
9. 返回false值
10. 利用小抄和参考文档

相信学网页的都是从自己的个人主页做起，今天我也来特别放送我的这第一个网页作品。

果冻恙 – Jelly Young

这是大一暑假，也就是整整两年前做的东西。当时抱着本台湾人编的CSS实例教程（没有系统化讲解，都是一些基本属性的实例应用，书名我忘了），还有一部《Ajax基础教程》，一个人在家里捣鼓，基本上是零基础，家里又没有联网，没办法看网上的教程，基本上就靠着这两本书了。嗯…. 以及Dreamweaver的帮助文档，呵呵。

网页设计中，内容组织恐怕是最至关重要、最影响设计品质的方面了。如何将信息组织到好的布局中，是一个网站的基础，并且应该在考虑外观之前就决定好。没有好的布局，网页信息流就不能正确传递，所有东西都不能建立起合理的联系。

在这篇文章中，我们将讨论八个布局解决方案/技巧，这些方案和技巧将有助于你创建整洁有序的内容布局。这八个技巧包括滑门(sliders)、标签式、渐进布局(progressive layouts)、结构网格、模态窗口(modal window)、翻转元素、手风琴效果(accordions)以及超大下拉菜单(mega drop-down-menus)。

原文： 5 Simple Tricks To Bring Light and Shadow Into Your Designs

现实生活中无时无处不存在着光照和阴影。你看到的每样东西都是通过光影反射形成它的形象。视觉上，光影帮助我们辨别事物，认知他们的材质、尺度和透视。

所以如果要让我们的网页设计更加自然、有动感且真实直观，正确理解光影效果就变得非常重要。以下是助你更好利用光影的五个技巧，好好运用它们，能让你的设计更加精致，从众多的页面中脱颖而出。

笨活儿 Benhuoer Blog V1 上线测试！

花了一个星期的时间做笨活儿的WordPress主题，现在终于算是基本成形了。 要不是因为和菜头的推荐给我带来的几千流量，我可能还会把这项工作继续拖下去。正如大家现在所看到的，这是一个色彩厚重的沉闷主题。我给它取的名字是Blue Homing。蓝色归家路。 Why? 因为logo被我不小心画成了面包车，然后页顶Branding就顺便做成了一条波浪……  虽然没有让人惊艳的美感，但好歹是我自己的东西了，所以还是赞自己一个！

复杂的设计技巧总是很花时间，也实在是….复杂 （-_-||）。 高级效果 为设计增色不少，但如果用得不对，只会影响用户对重点内容的关注。高级效果可能正好是一项好的设计的冲击力所在，但即便如此，也还是需要一些更简单的效果与其配合。

简单的效果和技巧是建造当今设计的基石。比方说，如果你都不知道如何正确选择颜色和文字效果，灿烂的 星光效果又能有什么用？

本着“少就是多”的理念，我们为你精选了十个简单好用的设计技巧 ，它们能大大提升你设计的专业性和感染力。