jjgod / blog Random notes & thoughts by Jiang Jiang.

CSS

Joe Gillespie’s WPDFD

Joe Gillespie 终止了他的 WPDFD – Web Page Design for Designers,也就是说,这个精彩的站点将不再发布新的信息,仅仅成为一个保留档案的站点。 WPDFD 的建立到现在已经有 8 年的历史,是和 Zeldman News 一样的元老级网站,但恐怕很少有国内的朋友认真浏览过它,Joe 在 Stop the Web, I want to get off 回顾了 Web 和这个网站一起成长的历史,推荐看看。 顺便提一句,Joe 本人,也将近 60 岁了,或许现在的退休也是个不坏的注意。

CSS Playground

这里的 CSS REFERENCE 提供了一份在线的 CSS 参考手册,在浏览的同时你还可以在一侧的文本框中输入代码,亲自试一试,很方便。

456 Berea Street

强烈推荐这个网站:Roger Johansson 的 456 Berea Street。 就最新的内容来说,Bring on the Tables 是创建语义化、具有亲和力的表格必读的一篇文章;Styleing Form Controls 我推荐过,结论很简单,试图在多平台下通过 CSS 让表单控件风格一致是不可能的;Developing with web standards,相当实用,建议谁有空来翻译一下;Flexible box with custom corners and borders,一个可以自动伸缩的圆角盒子,其实类似的技巧 Dave Shea 在 ALA 也曾提到。Inverted Sliding Doors tabs,反向滑门技巧,是 Doug Bowman 在 ALA 的 Sliding Doors 系列文章的补充。 更新:WSG 的 Russ 采访了 Roger Johansson。

CSS Negotiation

leftjustfied.net 给出了一篇介绍如何使 CSS 正常工作,节省你调试时间的文章:CSS Negotiation and a Sanity Saving Shortcut,其中的一些方法值得推荐。 首先,考虑到大量问题源自不同浏览器下默认的 margin 和 padding 的设置不同,作者建议干脆先把所有的 margin/padding 清零: * { padding:0; margin:0; } 第二,给 IE 设置特殊的样式表,可以使用下面 IE 专用的条件判断功能: <!–[if IE] > <link rel=”stylesheet” href=” IE.css” media=”screen” /> < ![endif]– > 或者在 CSS 中使用 Tantek 发明的 band pass filter: /* IE5 */ @media tty { i{content:”";/*” “*/}}; [...]

Styling Forms

456 BEREA STREET 给出了一篇介绍如何给表单控件设置 CSS 样式的文章:Styling even more form controls,很详细地叙述了在不同平台下不同的效果。

← Before After →