blooblog

A little late, but the new Mozilla release candidate supports the CSS3 opacity property.

Excellent slideshow/presentation by Douglas Bowman titled CSS: The Good, the Bad, & the Ugly. It details current and recently past techniques, why they were good attempts, how they fail, and what the future holds. As an introduction to the current state of CSS-based design, it is quick and rigorous, but an excellent overview of an ever-changing technology.

A common tip, sometimes handed down as admonishment, to web designers was to never think of translating print to the web. The web, the advice went, is platformless, and a design is not guaranteed to be the same across them. Ignoring the advice, designers targetted specific browsers with pixel-perfect placement.

Now the age of separating content from design is here, where semantic structure is on equal footing with aesthetics. The International Herald Tribune's article layout system is a great inspiration towards creating a web that satisfies everyone. While it does use tables for layout, the article's semantic structure is nearly there. It requires client-side scripting for the familiar newspaper columnar article layout, but it would be possible to have a similar system degrade gracefully to the standard vertically-scrolling web layout.

The possibilities have been presented, and it's up to us to deliver them.

Selectutorial - CSS selectors is the most comprehensive and lucid tutorial I've seen on the subject. Aside from describing the technical aspects, there is a section dealing with best practices, as well as examples. If you're new to CSS, definitely check this out.

CSS Fisheye implements Ted Nelson's billowing text using CSS and Javascript. Nelson describes how it can be used to dynamically highlight text, much like OS X's icon zooming highlights an icon. The fisheye page doesn't say much in the way of utility, but points to a Flash implementation of the fisheye for use as menus in constrained spaces.

I'm ambivalent on its usage in this manner. It presents all the choices in the space available, but most of the choices are unreadable, so all the choices are not truly simultaneously presented. The true main strength is avoiding scrolling, which would make it seem the usability has increased, but its nonlinear dynamic motion could be confusing to many users. For now, it seems it is limited to esoteric glitz.