Rolle, 38, bloggaa sateenvarjon alta uudella blogialustallaan – blogi uudistui, mikä muuttui?

Täytän tänään, 1.11.2026 virallisesti 38 vuotta. Joku saattaa viettää syntymäpäiväänsä kakun, ystävien, ehkä jopa matkustelun merkeissä. Minä ohjelmoin, julkaisen blogistani uuden version yön pikkutunneilla flunssan jälkimainingeissa, koska mikä olisi parempi lahja itselleen kuin cowboy-koodaaminen tuotannossa sunnuntaina talon ollessa hiljainen.

Blogi elää ja voi hyvin vielä vuonna 2026. Tai ainakin minun blogini. Vaikka ”bloggailuinto” on vuosien varrella hieman laantunut, halusin silti uudistaa ”kotisivuni”, vielä kerran.

Katselet juuri Rollemaan uunituoretta versiota ja lukukokemusta. Tässä versiossa keskityn erityisesti luettavuuteen, saavutettavuuteen ja suorituskykyyn. Pyrkimyksenä on myös motivoida itseäni kirjoittamaan enemmän pidempiä tekstejä, tekstintuotantoni on nimittäin viime vuosina rajoittunut lähinnä puolivillaisten päiväkirjamerkintöjen tuottamiseen, komentorivin komentoihin ja pitkiin Mastodon-päivityksiin. Kautta aikojen minua on innostanut jonkin uuden, oman, kehittäminen ja sitä kautta jonkin toisen välitavoitteen saavuttaminen. Blogini puolella isoimmat kipinät kirjoittamiseen onkin tapahtuneet uuden fontin, designin freesauksen tai jonkin teknisen ponnistuksen myötä.

Maailman tilaan nähden olen edelleen melko tuottelias. Kirjoitan ja luen päivittäin ja pidän näistä kahdesta ydinharrastuksesta tiukasti kiinni. Internetin luonne on muuttunut hyvin lyhyessä ajassa ja ihmisten keskittymiskyky on kaventunut. Harva jaksaa enää lukea pitkiä tekstejä tai tehdä mitään ponnistuksia vaativaa. Se ei kuitenkaan minua haittaa. Aion jatkaa valitsemallani tiellä, hyvin todennäköisesti elämäni loppuun saakka.

Ainoastaan median kuluttamismuoto ei ole muuttunut, mutta myös sen tuottaminen. Ei ole oikeastaan enää väliä missä ja miten kirjoittaa. Siirtymää on tehty blogeista YouTubeen ja someista lyhytvideoalustoille. Samalla tuntuu, että millään ei ole mitään väliä. Yhtäältä esimerkiksi digitaalinen suvereenius on tärkeämpää kuin koskaan, toisaalta ihmisten kiinnostus erilaisia digimedioita kohtaan on täysin kadonnut luonnonvara kaiken paskiintuessa entistä nopeammin.

Minä yritän pysyä pinnalla.

Rollemaa v25 – ’The Purple People Eater’

Hyvillä versioilla on aina nimi. Tämän teeman nimi on The Purple People Eater, jolla viittaan tietenkin amerikkalaisen country-rock muusikon Sheb Wooleyn hittiin vuodelta 1958. Kappale on aina jotekin kiehtonut minua. Vaikka sen idea lähti vitsistä (”mikä on violetti ja syö ihmisiä?”), se on inspiroinut joitakin tieteisteoksia ottamaan otuksen mukaan kirjaimellisena hirviönä. Lisäksi lempivärini on violetin tietyt sävyt, erityisesti syvä violetti. Deep Purple on myös hyvä yhtye.

Tämä on järjestyksessään Rollemaan 25. versio. Se kuulostaa paljolta, mutta ei se sitä ole, kun ottaa huomioon, että ensimmäisen version julkaisin vuonna 1999. Harmi, että gamma.nic.fi poistui netistä pari vuotta sitten, eikä Internet Archive enää säilytä NIC Tietoverkkojen muistoja kuin jotakuinkin vuoteen 2001 asti.

Ihan ensimmäiset kotisivuni olivat NICin palvelimella (myöhemmin Saunalahti, vielä myöhemmin Elisa), mutta niitä ei lasketa. Se oli sitä HTML:n, välkkyvien giffien ja taulukoiden kulta-aikaa. Historiasta olen kirjoittanut kosolti aikaisemminkin, joten en avaa tähän miltei 30 vuoden takaista tarinaani blogin ja verkkosivujen parissa erikseen.

Yleensä ajoitan vapaa-ajan koodailut pidempiin loma-aikoihin tai sellaisiin hetkiin kun on lepäilyt levätty ja jotain tekisi mieli viritellä. Niitä hetkiä ei juuri koskaan ole.

Näin pohdiskelin edellisen uudistuksen aikoihin, koronavuonna 2020. On hämmentävää, miten asiat ovat muuttuneet, kun jo tuolloin ajattelin, että maailma elää myllerryksessä, eikä ohjelmoinnille ole enää tilaa. Nykyään kuitenkin ohjelmoin vapaa-ajan asioita jatkuvasti, myös arki-iltoina. Tekeminen on kymmenekertaistunut, koska maailma on muuttunut. Työkalut ovat muuttuneet. Kaikki on erilaista. Viittaan tietysti tekoälyyn. Tästä kirjoitan oman kokopitkänsä pian.

Rollemaa ja sateenvarjo

Logossa on ollut sateenvarjo jo vuosia. Saatat miettiä miksi.

Rollemaa on digitaalinen ”maa”, oma leikkikenttäni. Se on eräänlainen nuoren miehen mielikuvituksen tuote. Rollemaa kiteytyy lempisäähäni, kesä tai alkusyksy juuri ennen myrskyä. Tummia pilviä, tuulta ja vähän sadetta, mutta silti riittävän lämmin. Heinä huojuu tuulessa. Sateenvarjoa saattaisi tarvita, mutta en aina ota sitä mukaan. Sää on rauhoittava. Tyyntä myrskyn edellä. Pidän myös sateesta.

Siksi sateenvarjo. Siksi sataa, kun viet hiiren logon päälle. Kokeile.

Joskus taannoin jopa piirsin tämän säätilan leiskaan.

Mikä muuttui 1.11.2026

Design yleisesti: Halusin Rollemaan pysyvän tunnistettavana, joten en lähtenyt radikaalisti muuttamaan rakenteita tai sisältökokonaisuuksia. Toivottavasti onnistuin.

Isoimmat muutokset ensin tiivistettynä:

• Aikakauslehtimäinen etusivu. Uusin kokopitkä isona, sen jälkeen kuuden kirjoituksen rytmi: yksi leveä, kaksi rinnakkain ja kolmen rivi.
• Kirjoitukset vuosittain kirjahyllynä. Jokainen vuosi on kirjan selkämys, ja selkämyksen paksuus kertoo sanamäärän.
• Lokikirjan design uusiksi. Luovuin erillisestä kalenterista. Jatkossa lämpökartan päivää klikkaamalla pääsee päivän postaukseen.
• Sivuhuomiot. Pitkissä kirjoituksissa marginaaliin ilmestyy tietoa linkitetyistä sivuista ja vanhoista kirjoituksista samasta aiheesta.
• Lukemisen muistiominaisuudet. Sivusto muistaa, mihin viimeksi jäit ja kertoo missä kohtaa artikkelia olet lukemassa.
• Nyt-paneeli. Viimeksi kuunneltu Last.fm:stä, katsottu Traktista ja luettu omasta Luku-sovelluksestani.
• Reaaliaikainen haku. Haku on rakennettu uudelleen, moottorina Algolia.
• Kommentit somesta. Sivuston oma kommentointiominaisuus on suljettu. Kukaan ei enää kommentoi tekstejä kenenkään blogeissa, vaan keskustelu tapahtuu someissa. Tällä hetkellä julkiset kommentit vedetään Mastodonista, Threadsista ja Blueskystä. Tykkäykset ja jakamiset näkyvät fediversumin aktiviteetin pohjalta.
• Tekoälyn tiivistelmä. Pitkien kirjoitusten alussa on avattava tiivistelmä: yksi virke ja muutama pääkohta niille, jotka eivät jaksa lukea.
• ”Hyvin kirjoitettu”. Kirjoituksen lopussa on taputusnappi, jota saa painaa niin monta kertaa kuin haluaa. Nyökkäys vanhaa Medium.comia kohtaan.
• Eniten alleviivattu. Kun lukija maalaa tekstiä, kohta tallentuu nimettömästi. Kun sama kohta on maalattu useammin kuin kerran, se korostetaan tekstissä muillekin. Tämäkin idea vanhasta Mediumista pöllitty.
• Vaalea ja tumma tila. Väritilat ovat olleet täällä aikaisemminkin. En aio luopua dark modesta, mutta sallin ihmisille vapauden valita.
• Puhelimessa valikko liukuu ylhäältä lasimaisena paneelina, jota voi vetää sormella. Pidän Applen liquid glassista, jota yritin tässä apinoida.

WordPress-teeman tekniset yksityiskohdat

Vuoden 2020 versio oli käsintehty perinteinen WordPress-teema: PHP-tiedostoja, SCSS:ää, Gulp ja Webpack. Vuoden 2026 on lohkoteema eli Full Site Editing -teema (FSE), joka nojaa niin paljon WordPressin ytimen ominaisuuksiin kuin mahdollista.

Kun haluan kirjoittaa, kirjoitan. Kun haluan koodata, koodaan. En halua sotkea näitä keskenään, enkä todellakaan ole esimerkiksi sellaisten Markdown-editorien fani, jossa on ”koodinäkymä” ja kirjoittamisnäkymä erikseen. Kirjoittamiseen suosin sellaista editoria, jossa voin käyttää markdownia, työkalupalkkia ja visuaalisia työkaluja siten, että näen muutokset koko ajan edessäni ilman koodia. Tähän WordPress on edelleen lyömätön.

Voin muokata koko sivustoni ulkoasua WordPressistä itse ja editori näyttää kirjoituksen täsmälleen samalta kuin se näyttää sivutolla, siis ylävalikoita myöten. Tavoitteeni oli yksinkertainen: mahdollisimman vähän PHP:tä, ei yhtään omaa custom-lohkoa, eikä monimutkaisia build-vaiheita. Olen hieman kasvanut ulos siitä, että yhden blogiartikkelin eteen saan ähertää tuntikausia koodia. Vaikka olen koodari, rakastan tekstin tuottamista sen verran paljon, että haluan pitää nämä asiat erillään toisistaan.

• Ulkoasu on theme.json-pohjainen (lisää tietoa). Käytössä on lähinnä lohkomalleja. Listat on toteutettu WordPressin Query Loop -lohkolla, kirjoitukset ovat omia post-lohkojaan ja valikko oma navigaatiolohkonsa.
• Teeman functions.php on 70 riviä. Sillä ladataan ainoastaan joitakin tyylejä ja scriptejä.
• Kaikki, mikä ei ole osana ulkoasua, eli lokikirja, haku, Nyt-paneeli ja tilastot, asuvat omassa mu (Must Use, pakko käyttää) -lisäosassaan. Teeman voi vaihtaa ilman, että lokikirja katoaa mukana.
• Dynaamiset osat, kuten kirjahylly, sivuhuomiot ja lokikirjan päivän tiedot, tulevat omista REST-rajapinnoista ja yhdestä JavaScript-tiedostosta ilman kirjastoja tai riippuvuuksia.
• Värit ovat CSS:n light-dark()-pareja, joten yksi lista kattaa sekä vaalean että tumman teeman. Kuvien kulmat ovat corner-shape: squircle -muotoisia niissä selaimissa, jotka sen jo osaavat. Kuvat ovat tarkoituksella hieman vinossa, kuin pöydälle heitettyjä valokuvia.
• Sivut ja rajapinnat tulevat nginxin FastCGI-välimuistista noin 30 millisekunnissa.
• Saavutettavuus on tarkistettu käymällä axe-työkalulla jokainen näkymä läpi, ja kontrastit on katsottu WCAG AAA-standardin mukaisiksi.

Teema on avointa lähdekoodia GitHubissa: rollecode/the-purple-people-eater. Huomiona forkkaajille: teemaa ei voi käyttää sellaisenaan. Vaikka kovakoodausta vältänkin, sitä löytyy. Se on tehty Rollemaata varten, eikä ole yleiskäyttöinen.

Lohkoteema ja Full Site Editing

Vanha teema oli kasa PHP-pohjia, joita pystyi muuttamaan vain koodia muokkaamalla. Nyt pohjat ovat lohkoja: ylä- ja alatunniste, artikkelisivu, lokikirjan päivä ja listaukset ovat lohkoja. Myös lukemasi teksti on täysin core-lohkopohjaista. Eli tämä tässä on esimerkiksi kappalelohko core/paragraph.

FSE Site Editor on loistava vempele ja hienoa nähdä WordPressin kehittyvän päivä päivältä paremmaksi. Blogiuudistus on tavallaan myös tapa ”opetella” asioita, joissa tiimimme on töissä minua pidemmällä, ohjelmoinnin osalta.

Kommentointi tapahtuu somessa

WordPressin oma kommentointi on kokonaan kiinni. Rollemaa julkaisee kirjoitukset fediversumiin ActivityPub-lisäosan kautta, ja kun joku vastaa kirjoitukseen esimerkiksi Mastodonissa, vastaus tulee tänne kommentiksi automaattisesti. Tykkääjien ja boostaajien profiilikuvat päivittyvät tunnin välein, jotta vaihtunut kuva ei jää vanhaksi.

Kun blogin oma kommentointi on suljettu, ei tarvitse välittää roskapostittajista. Blogeja ei ole kommentoinut kukaan vuosikausiin, joten somekommentointi on ainoa oikea, luonnollinen suunta.

Tekoälyn tiivistelmät

Nykyaikana ihmiset lukevat pelkästään otsikon, jos sitäkään. Ihmiset eivät enää jaksa lukea. Surullista. Kognitiivista kuormaa ja ADHD:sta kärsivien elämää helpottaakseni lisäsin kuitenkin käyttöön tiivistelmät. Tiivistelmän kirjoittaa Googlen Gemini 3.8 Flash palvelimella, kun kirjoitus julkaistaan ensimmäisen kerran. Voin muokata tiivistelmää käsin editorin sivupaneelissa (yleensä näin teenkin).

Lukeminen interaktiiviseksi – taputukset ja korosteet

Taputukset ja korosteet eivät vaadi kirjautumista, evästeitä ja ovat täysin anonymisoituja. Palvelin tunnistaa lukijan vuorokauden ajan, jotta yksi ihminen (tai botti) ei voi taputtaa loputtomasti tai täyttää alleviivauksia roskalla.

Olen aina tykännyt kikkailla jotain erityistä sivustoilleni ja nämä ovat kiva lisä jo kirjoittajan näkökulmasta. On mukavaa saada pientä palautetta siitä, että joku on käynyt piipahtamassa.

Muut tekniset yksityiskohdat – lukeminen ja kirjoittaminen helpoksi

Uudistuksen yhteydessä kävin läpi myös vanhat merkinnät koneellisesti ja korjasin esimerkiksi niiden muotoiluvirheitä. Blogiin on korjattu myös välimuistiongelmia, bugeja. Myös paremmat somejakokuvat ovat tulilla.

Itselleni tärkeintä on, että minun ei tarvitse valita jokaiseen artikkeliin hienoa artikkelikuvaa tai olla kiinnostunut ylimääräisestä tekniikasta silloin kun haluan vain kirjoittaa.

Typografia ja luettavuus

Kirjoittamisen täytyy olla minulle itselleni miellyttävää. Koska rakastan kaunista typografiaa, fontin on oltava mieluisa. Tälläkin kertaa kävin läpi noin 30 fonttia, kuten vanhalta perfektionisilta voi odottaakin. Fontin on oltava samaan aikaan moderni ja luettava.

Fontteja on tällä kertaa kolme, ja jokaisella on oma tehtävänsä:

• Otsikot käyttävät Instrument Serif -fonttia. Fontti on kapea ja korkea antiikva, joka näyttää parhaalta isona. Instrument Serif on harmillisesti ajoittain ylikäytetty fontti netissä, mutta se on ollut lempparini lähes sen ilmestymisestä lähtien (2022). Fontti julkaistiin ilmaiseksi Google Fonts -kirjastossa vuonna 2023.
• Leipäteksti: Atkinson Hyperlegible Next. Kyseessä on Braille Instituten suunnittelema fontti heikkonäköisille: kirjaimet on piirretty niin, ettei niitä sekoita toisiinsa, eli esimerkiksi isoa I-kirjainta, pientä l-kirjainta ja ykköstä tai O-kirjainta ja nollaa. Kokeilin ennen tätä leipisfonttia mm. Literataa, Newsreaderia ja Manualea sekä kymmenkuntaa uutissivustojen käyttämää fonttia. Antiikvat näyttivät kauniilta, mutta puhelimen näytöllä Atkinson voitti ylivoimaisesti luettavuudessa. Ei yhtään haittaa, että tämä fontti on myös kaunis ja moderni.
• Pikkutekstit: Geist. Vercelin Geist on kaunis selkeydessään ja olen käyttänyt sitä jo vuosia muissa verkkosovelluksissani ja sivuprojekteissani. Sen ylikäyttö hieman ellottaa, mutta pienissä yksityiskohdissa se on vallan mainio. Rollemaassa Geistiä näet mm. päivämäärissä, lukumäärissä, napeissa ja valikossa. Selkeä groteski-tyyppinaama (pahoittelen hassua suorakäännöstäni sanasta typeface), joka pysyy luettavana pienessäkin koossa.

Rollemaan design-vaikutteet vuonna 2026

Artikkelisivun designin yhteydessä kuikuilin Uusi Juttu -lehden artikkelitaittoja. Katsoin myös muita nettilehtiä, kuten The Verge. Minulla ei nykyään ole mitään tiettyä benchmarkia, koska netti on harmillisen tasapäistynyt 2020. Kaikki tekevät samannäköisiä verkkosivuja. Haluan erottua.

Halusin edelleen artikkelikuvan isolla, mutta hieman freesimmästi, kirjoittajan tiedot omana lohkonaan heti kärkeen, iso anfangi ensimmäisen kappaleen alkuun ja huomiot marginaalissa. Koko sivuston ajatus on, että jokainen sivu on kuin kirjan kansi ja sen sisäsivu, prologi tai aikakauslehden pääartikkeli.

Onko tekoälyä käytetty?

Käytän tekoälyä ohjelmoinnissa ja automatisoinnissa. Sitä on käytetty myös tämän sivuston tekemisessä jo ennen tätä uudistusta. 1999-2022 generatiivista tekoälyä ei Rollemaassa luonnollisestikaan ole käytetty. Tulen kirjoittamaan jatkossa tekoälystä enemmänkin, omasta näkökulmastani.

Ohjelmointini on muuttunut radikaalisti muutaman vuoden sisällä, mielestäni parempaan suuntaan. Vuonna 2025 luovuin graafisista editoreista ja siirryin käyttämään neovimia, sittemmin käytössä on ollut nvim-nano. Olen aina viihtynyt eniten komentorivillä ja VSCodium on tuntunut lähinnä rasitteelta. Sama muiden GUI-sovellusten kanssa. Nykyään minulle kuitenkin riittää vain bash, diff ja muutama muu komento. Editoria ei tarvitse avata usein.

Rollemaan ohjelmointiin on käytetty Opus 5.5:sta, Fable 5.1:stä, joitakin muita avusteisia front-end -malleja ja Typesafen jeviä. Mutta kuinka paljon? Sitä et voi tietää lähdekoodista, koska olen Linus Torvaldsin linjoilla Co-Authored-trailereista. Sanon kuitenkin: paljon. Lopputuloksesta sitä ei kuitenkaan näe, sillä agenttini tekee kuin minä tekisin (tai paremmin) ja lopputuloksen viimeistelen minä.

Kuviin käytän jatkossakin Envato Elementsiä, Rawpixelin, Pexelsin ja Unsplashin CC0-kuvia. Kuvanmuokkaukseen Photopea.

Kirjoittamiseen en koskaan käytä tekoälyä.

I use Arch, btw.

Loppusanat

Mitä mieltä olet Rollemaan uudesta tulemisesta? Vieläkö blogeja jaksaa lukea? Onko tässä mitään järkeä? Anna ihmeessä palautetta somessa. Minut saa kiinni mm. Mastodonissa ja Threadsissa. Blueskyta käytän hieman vähemmän.

Hyvää syntymäpäivää Rollelle ja Rollemaan 26. versiolle! 🎉