Värejä tyylillä

CSS-tyylisivuteknologia on edennyt viime vuosin harppauksittain. Selaimet ovat päivittyneet samaa tahtia käytännöllisesti katsoen kuukauden välein. Nykyään CSS-teknologialla voidaan vaivattomasti tuottaa natiivisti selaimen ominaisuuksilla efektejä, jotka aiemmin ohjelmoitiin JavaScriptillä tai Flashilla ja sitä ennen kaikenlaisilla kuvatoteutuksilla. Selaimet eivät tosin vielä sataprosenttisesti tue kaikkia CSS-tekniikkaan suunniteltuja ominaisuuksia, joskin monet ominaisuudet ovat kirjaimellisesti yhä suunnittelupöydällä vaikkakin niitä on ahkerasti jo otettu tuotannolliseen käyttöön.

Yksi CSS-työryhmän suunnittelema uusi ominaisuus on color()-funktio. Sen tarkoituksena lienee helpottaa värien tuottamista käyttämällä tuttuja värimäärittelyn attribuutteja. Työryhmän suunnittelupaperilla color()-funktiolla on mahdollista määritellä värejä eri väriavaruuksissa eikä vain pelkästään RGB-värejä. Tyler Gaw on ehtinyt jo toteuttaa näppärän ColorMe-työkalun, jolla funktiota voi testailla. Sivustolla näppäillään väri, jota halutaan ryhtyä muokkaamaan. Säätämällä alalaidassa olevia arvoja ilmestyy oikealle puolelle muokattu väri reaaliajassa. Simulaattori laskee samalla valitun värin RGB-arvot, joten väriä voi heti käyttää omissa projekteissaan. Sivusto näyttää myös valitun värin säätimien vastaavat arvot. CSS-tyylimääritelyt alkavat kohta muistuttaa kehittynyttä ohjelmointikieltä, ja sitähän se jo nyt käytännössä onkin. Lähivuosina nähdään varmasti pitkälle kehittyneitä tyylimäärittelyjä, joilla voidaan toteuttaa ehkäpä jo puolet sivuston koodauksesta.

Julkaistu sunnuntaina 8.1.2017 klo 16:28 CSS-luokassa avainsanalla ohjelmointi.

Edellinen
Totuus paljastuu
Seuraava
Surrealistista taidetta