log

July 2, 2008

Café Nueve demo site and FF3.1

I designed and cod­ed a rough ver­sion of Café Nueve last year, and I’ve final­ly got­ten to rebuild­ing it. I kept the same gen­er­al lay­out, but moved to a semi-flex­i­ble width with a dark back­ground to empha­size the cup image. The orig­i­nal design was “open” — the hes­han back­ground repeat­ing to the edges of the screen — and it did­n’t work visu­al­ly except in small screen res­o­lu­tions. Maybe I’ll revis­it that when we’ve got indus­try sup­port for background-size with guar­an­teed bilin­ear filtering.

The demo is avail­able via the link above or through the work page.

As usu­al there’s extra styling for Webkit/Opera, and I’ve added -moz-text-shadow and -moz-box-shadow in antic­i­pa­tion of Fire­fox 3.1 builds. I’m real­ly look­ing for­ward to Fire­fox 3.1, with a com­plete (and dynam­ic!) CSS selec­tor set, box and text shad­ows, posi­tioned gen­er­at­ed con­tent, and (hope­ful­ly) audio/video sup­port, mul­ti­ple back­ground images and exper­i­men­tal CSS trans­forms & gra­di­ents. If you’re inter­est­ed in what’s com­ing, read the Post‑1.9 Plan­ning doc on Mozil­la’s wiki.