PNVD如期而至，这期尤其精彩，方兄唤起你对视觉创作的欲望；三木极力推崇极简主义，用简单的元素和氛围打造一个纯粹极致的视觉场景，以及海味很有实用性的FLASH宽屏技术，让我们在震撼中学到更多，闲话不说，让我们慢慢品位吧：
本期特约作者：方兄，三木，海味。
查看全部
翻译自 Russ Weakley 的 Efficient, maintainable CSS
翻译自Russ大师的一篇关于如何书写高效、可维护、组件化的CSS的演示文档。Enjoy~
这问题在网络相信已经有不少人问到，最近再次被牵起讨论，籍此记录一下个人的理解，border:none;与border:0;的区别体现有两点：一是理论上的性能差异二是浏览器兼容性的差异。
事物绝非十全十美总有强差人意的一面，之前针对浮动分析了其引起文本重影的怪异问题，而作为浮动布局的最佳搭档定位布局也存在一定的缺陷。
1.position:relative;属性值导致overflow:hidden;失效。
问题：在IE6/7中子级设置position:relative;属性值后，导致父级的overflow:hidden;失效。Demo1
分析：与定位的层级关系有关，IE6/7解析为内容已经跳出文档流，以致父级误以为没有包含内容。
解决方案：
对于IE6可以为父级添加定位属性纠正问题，但IE7依然无效。
2.overflow充当了position:relative的角色
问题：在IE6或IE quirks模式中设定overflow:auto/hidden/scroll属性值后，元素显示效果相当于position:relative的相对定位效果。
Demo2
分析：在怪异模式与标准模式下的页面对CSS的解析会有一定的差异甚至是扭曲了其属性的作用，对这现象暂时还没有冲破的能力，也只能记录与回避了。 查看全部
翻译自 Russ Weakley 的Line Height
一个简单的, step-by-step 关于 CSS 行高的演示文档, 涵盖行间距, 如何应用各种类型的行高值, 当然还有 inline box 模型介绍, 希望能满足您
（但实战应用在中文字体或中英文字体混合，以及IE678，XP win7里，行高规则又有所不同，泪流满面）
“CSS 3 不是新事物，更不是只是围绕border-radius属性实现的圆角。它正耐心的坐在那里，已经准备好了首次登场，呷着咖啡，等着浏览器来铺上红地毯。你看，浏览器需要跟上了……”
–谨以此文纪录ISD WEBTEAM 09年Q2力作：CSS 3.0 中文参考手册
背景
苏昱的《样式表中文手册》为代表的CSS2.0参考资料伴随了国内众多web设计师们走过了近10年的时光，这种影响是深远的，但随着CSS技术的不断发展，设计师们多受传统资料的影响，不能超脱现有的篱笆，给自己背上了沉重的包袱。你是否已注意到CSS 3已经蓄势待发？你是否渴望开始使用它们却又不知从何下手呢？正当CSS 3新特性备受期待的时候，我们的CSS3.0 中文参考手册就应运而生了…… 查看全部
最近在处理Qzone黄钻图标更新时，想起近期对业务图标进行优化所遇到的一些问题，把思绪收拾起来和大家一共探讨，欢迎多方声音。
在实际工作中，图标类的应用非常广泛，如同数组般的等级图标更显其特殊性。下面要共同探讨的两个方向，以什么方式实现及怎么更好在贴近项目实际更好地实现并供应用。
假设：业务的用户等级共有10个，加上大小2种视觉尺寸的图标，还有“过期未续费用户”的表现，共有38个图标需要入库供调用（如下图）。
Web Accessibility Initiative Accessible Rich Internet Applications
认识ARIA
目前互联网应用日益增强，其中大部分是通过混合技术（AJAX、DHTML、JavaScript 和 SVG）创建或自定义一些模拟桌面GUI程序的的 Web widget 小组件来增强 Web 应用程序的交互，但部分类似Dialog 的对话框、弹出层，模拟select 的下拉菜单等小组件并没能提供所需的语义作支持，残障人士有可能无法读懂当前信息。
屏幕读取器、语音识别软件和屏幕键盘均通过特定的语义标识（title、button~）读取网页组件本质信息，而WAI-ARIA 角色标准在语义化标识约定方面起至关重要的作用。现在不但Firefox、Safari 4.0、Google 早已支持 WAI-ARIA，而且IE8 也开始部分支持，各种的JavaScript库支持WAI-ARIA将会是一个趋势。
图1.0
图1.0是模拟无障碍的JavaScript架构，contarct部分正是WAI-ARIA定义的API标准，通过这些标准，把信息传输到各种辅助读取和显示的AT仪器上。
Introducing Palm Pre
palm pre是一款采用多点触摸屏和划出式键盘，支持EVDO功能和WiFi网络、配有GPS、蓝牙2.1技术的Palm Web OS手机。它的设计特点是，可以通过快捷键完成复杂的工作，用户界面定制为快捷桌面，所有小工具和应用程序软件全部可显示在桌面上，功能即点即出。PalmWebOS系统的界面非常精致、细腻，浓重的欧美风格的设计非常讨人喜爱，在下面的内容中我们会与大家一同分享下Palm Web OS所带给我们的视觉大餐。 查看全部