Pieniä viilauksia
Julkaistu 2025-08-31
Räpelsin sivuston väriteemaa helppolukuisemmaksi ja siivosin samalla tyylitiedostoa itseni ja selainten iloksi. Käyttäjälle muutos näkyy tällä hetkellä lähinnä siten, että tekstin pohjalla oleva vihreä on aiempaa tummempi (suurempi kontrasti, helpompi lukea; objektiivinen totuus), ja tummanharmaa yläpalkki on aiempaa vaaleampi (tyylikkäämmän näköinen, subjektiivinen mielipide). Samalla hiellä tein selaimen vierityspalkista vihreän, mutta se ei todennäköisesti näy vihreänä, jos selaat sivustoani puhelimella. Suurin osa muidenkin elementtien väreistä muuttui, tosin niin vähän, ettei yksityiskohtiin liene tarpeen pureutua.
Teknistä jargonia
Konepellin alla tapahtui hieman enemmän. Samalla kun väriteema koki muutoksia, siirryin käyttämään RGB-värimallin sijaan monipuolisempaa OKLCH:ta. RGB:ssä värit muodostetaan punaisen (R = red), vihreän (G = green) ja sinisen (B = blue) yhdistelminä, kun taas OKLCH ottaa huomioon valoisuuden (L = lightness) mustasta valkoiseen, värikylläisyyden (C = chroma) harmaasta värikkääseen sekä värisävyn (H = hue) eli värin sijainnin väriympyrässä. Lisäksi OKLCH mahdollistaa läpinäkyvyyden tason määrittämisen.
Sivuston ylläpitäjänä minun on muutoksen jälkeen helpompi testata eri värien yhteensopivuuksia. Voisin helposti kokeilla muita värejä, joilla on esimerkiksi sama valoisuus kuin koko sivuston taustavärinä nyt olevalla sinisellä. Itse asiassa yläpalkin harmaan värin valoisuus onkin sama! Jännä juttu! Halutessani voisin helposti löytää samaiselle siniselle vastavärin (oranssi) suoraan väriympyrän vastakkaiselta puolelta. Koska koodaushousut olivat jalassa, kokeilin myös vaihtoehtoisen, vaalean teeman tekemistä, mutta se ei ainakaan nopeasti näyttänyt hyvältä, joten päätin ainakin toistaiseksi jättää sen toteuttamatta.
Muita muutoksia
Värisävyjen lisäksi taioin eloisuutta alareunassa oleviin sosiaalisen median painikkeisiin. Painike kääntyy hieman oikealle, kun hiiren kursori on sen päällä, ja lisäksi ylöspäin, kun sitä painetaan. Tietokoneen selaimessa näkyvän tekstin kokoa suurensin jo muutama päivä sitten, ja tekstirivit ovat myös pidempiä kuin mobiililaitteella selatessa. Mobiililaitteilla näkyviä otsikoita olen vastaavasti pienentänyt.
Jos kaikki toimii niin kuin pitää, blogitekstejä jaettaessa esimerkiksi sosiaaliseen mediaan tai pikaviestimissä pitäisi julkaisuihin ilmestyä aina tiivistelmä kyseisestä blogitekstistä. Aikaisemmin julkaisuun on päätynyt koko sivuston otsikko ja kuvaus, mikä oli ehkä hieman sekavaa, etenkin kun olen itse saattanut jakaa kaksi bloggausta lyhyen ajan sisällä. Tämä postaus on siis samalla testi. Toimii, jos toimii, ja jos ei toimi, niin sitten ei toimi.