5.6 Stuff and Nonsense:创建一个更好的切换器(1)


5.6 Stuff and Nonsense:创建一个更好的切换器


幸运的是一些具有创新精神的人们已经提前想到了这些问题。进入Stuff and Nonsense网站(http://www.stuffandnonsense.co.uk),这是一个位于英国威尔士的设计工作室,其主页如图5-11所示。快速浏览整个工作室的项目(http://www.stuffandnonsense.co.uk/work)后,会产生两个不同的认识:第一,工作室完成了诸如Disney和World Wildlife Fund(世界自然基金会,WWF)这些全球知名品牌的网站设计,设计方案非常漂亮和耀眼;第二,站点设计是由层叠样式表驱动的,是以有效XHTML为基础构建的。


显然,Stuff and Nonsense完全采用了Web标准。但浏览了整个网站后,明显体会到它对用户需求的尊重。Accessibility页面最有特点的地方是邀请用户进入页面Customise the look of this site (http://www.stuffandnonsense.co.uk/company/iotbs)的链接,如图5-12所示。在这个页面,用户不仅可以针对浏览器也可以针对打印选择不同的样式选项。不论是喜欢以小字体的sans-serif还是以更大一些的serif阅读打印的文档,用户都可以选择。此外,用户的偏好被存储在cookie中,以致这些偏好可以保持到整个站点访问结束。用户可以浏览或打印站点的任何一个页面,并在整个访问期间都以他最满意的方式显示。






 

这是一个命名奇特、功能丰富的样式切换器——Invasion of the Body Switchers (IOTBS)。其名称源于其切换功能的驱动方式——由body元素的class属性切换。它可能是相当完美的样式切换器,IOTBS的作者允许大家从http://stuffandnonsense.co.uk/resources/iotbs.html免费下载该切换器。由于非常容易安装和配置,IOTBS给站点所有者和用户提供最大的方便。它甚至能通过JavaScript生成整个界面,确保不给那些不能利用CSS切换的用户呈现非功能标记。


有了像IOTBS这样的工具,就可以充分利用针对媒体的样式表,充分发挥其威力。用户将对您提供的很容易安装的界面表示感谢。现在他们可以对不满足需求的粗边进行打磨,并把站点裁减成真正能使用的网站。


你们所设计的东西那么智能那么小巧。我们认为那就是一个样式表切换器。能给我们介绍一下吗?


您是指Invasion of the Body Switchers (IOTBS)吧,就是我发表在List Apart杂志上的样式表切换器(http://www.alistapart.com/articles/bodyswitchers)?我不能把别人的荣誉据为己有。IOTBS背后真正的技术天才是我的好朋友James Edwards(http://www.brothercake.com)。他也是项目组成员,他根据我的创意实现了IOTBS。


Web标准的一个重要方面是对设计人员能力的要求,要求设计人员不更改Web页面的相应标记(HTML或XHTML),而通过CSS实现页面的外在表现。这方面没有比Dave Shea's CSS Zen Garden(http://www.csszengarden.com)做得更好的了,通过使用CSS样式表才可能使该网站的同一页面有不同的设计。基于各种原因,样式表切换是必需的。或许客户希望给访问者提供可在固定宽度或充满整个窗口的“流动”布局之间进行切换的能力——设计师和站点构建者Dan Cederholm在站点SimpleBits(http://www.simplebits.com)中就提供了这样的选择。也可以采取给低版本浏览器的用户提供一个“可访问”的设计。这完全是可能的,有时目标和结果是一致的,有时只是一些讨厌的噱头。


服务器端和JavaScript样式表切换器已经出现好多年了。但Invasion of the Body Switchers与众不同的,它具有在屏幕、打印机和其他媒体样式之间独立切换的能力。所需一切仅是一个CSS和JavaScript文件。我为IOTBS感到非常自豪,我希望它能给更多的设计人员带来方便,这些与标准打交道的设计人员可以扩展他们的创意选择。




标签:
友情链接
轻松育儿世界奇观
苏ICP备16066217号-2