Weblabor

Egy bizonyos Literary Moose jelentette meg a Nemesis Project oldalán "Advanced CSS Ornamentation" című írását, mely sok igen fejlett CSS technikát mutat be. Ezen megoldások többsége a mai széles körben használt böngészőkben nem alkalmazható, az Opera azonban már ma minden bemutatott trükk kezelésére képes, és a Mozilla klienseket használók is élvezhetik már némely példa helyes megjelenítését.

Az írás nagyon hosszú, ezért három nagy részre tagolódik: a generált adat, a metaadat és a háttérképek fontosságát taglaló első szakaszra, a szövegek és táblázatok stilizálásával valamint a sorszámozással foglalkozó második részre, és végül a dinamikusan generált adatok példáit bemutató harmadik szakaszra. A szakaszok több példára bomlanak, minden esetben bemutatva a HTML és CSS kódokat, és magyarázatot adva a megoldásokra, illetve útmutatót biztosítva az élőben működő példákhoz és a továbblépéshez.

A bemutatott megoldások között olyanok szerepelnek, mint a meta tagekben tárolt adatok vagy a képek title attribútumában lévő képaláírások kiemelése az oldalon megjelenő tartalomként, vagy képek helyettesítése szövegekkel. Két másik példa megmutatja, hogy a ::before és ::after kiválasztók, valamint a content: tulajdonság segítségével lehetővé válik akár négy különböző háttérkép illesztése egyetlen HTML elemhez, a táblázat elemekben tárolt metaadatok pedig akár grafikonok generálását is lehetővé teszik pusztán CSS felhasználásával.

A Moose által bemutatott technikák nagyon látványosak, és a szabványos CSS óriási erejét mutatják. Sajnos ugyanakkor nem szabad a látottak bűvöletébe kerülnünk, tekintve az Opera jelenleg kis elterjedtségét, hiszen megoldásainkat kevesen élvezhetnék. Amint azonban a szabványos CSS támogatása még nagyobb teret nyer, ezek a technikák is mindennapjaink eszközeivé válhatnak.