Tiistaina, 7.6.2022

Maailman suurin WordPress-tapahtuma WordCamp Europe 2022 – Duden kuulumiset Portugalista

WordCamp Europe 2022 tarjosi jälleen mielenkiintoisia luentoja WordPressistä, Gutenberg-lohkoeditorista ja kaikesta siltä väliltä. Duden nelihenkinen kehitystiimi vieraili paikan päällä Portugalissa. Lue reissukuulumiset!

Tuttuun tapaan on luvassa massiivista reissureportaasia. Duden kehitystiimi vieraili Portugalissa 1.6-6.6.2022 ja tämä reissupäiväkirja on kirjoitettu reaaliajassa paikan päällä. Aiemmat reportaasit löytyvät tunnisteen WordCamp Europe alta.

Luvassa on hieman pidempi kirjoitus. Varaa vartti, ota hyvä asento ja nauti!


Tänä vuonna tapahtumaan ja brändiin on panostettu, sillä WordCampia on ehditty suunnitella jo kolme vuotta COVID-19 syistä johtuen. Pidän erityisesti saavutettavista väreistä ja yleisfiiliksestä ylipäätään.

europe.wordcamp.com/2022

Reissumme starttaa keskiviikkona ensimmäinen kesäkuuta, kun kehitystiimimme lähtee Jyväskylästä – WordPress Global Community Deputy Timi Wahalahtea lukuunottamatta, joka on lähtenyt reissuun jo edeltävällä viikolla velvoitteidensa edellyttämänä. Matkusteluun kuluu käytännössä koko päivä ja olemme Portossa paikallista aikaa noin kello yksitoista illalla. Ensimmäisestä päivästä ei siis oikein ole tämän kummoisempaa kerrottavaa.

Torstaipäivä kuluu osittain työnteossa ja paikallista aluetta ihmetellessä. Allekirjoittanut vetää joka-aamuisen aamulenkin hieman erilaisessa ympäristössä. Lämpöä meille ei tänä vuonna sallita, sillä viikoksi on luvattu pilvistä ja sadetta. Lämpötila vaihtelee 14 ja 20 välillä. Melkolailla Suomen kesä siis! Perusilma on kuitenkin erilaista Portugalissa ja aina viileimmilläänkin hieman lämpöisempää kuin tutussa pohjolassa.

Torstai on tapahtuman osalta työpajapäivä, mutta sisäänpäin kääntyneinä emme lähde mukaan workshoppailemaan. Olemme silti kaukaa viisaita ja käymme ilmoittautumassa hyvissä ajoin ennen ryysistä, mutta tästä lähdemmekin sitten suoraan etsimään lounasta. Iltapäivällä lähdemme ihmettelemään merenrantaa Praia dos Inglesesiin.

Aallot tyrskyivät rantatörmällä.

Askelia kertyy ihan hyvä määrä, yli 27 000. Illasta ei jaksa sitten oikein muuta kuin miettiä, että mitähän sitä söisi seuraavaksi. Seesteistä elämää, keskellä viikkoa.

Varsinainen tapahtuman ensimmäinen päivä

Aamulenkin ja aamutoimien jälkeen suuntaamme tapahtuma-alueelle. Missamme kätevästi Opening remarksit, koska aamupalamme hieman venähtää. Ensimmäinen talk-valinta on melkoisen päivänselvä, sillä communityn sijaan meitä kiinnostaa hieman enemmän saavutettavuusasiat.

Accessibility for Dyslexia

Maja Benke on web-suunnittelija ja saavutettavuuskonsultti. Majan itsensä lisäksi dysleksiasta, eli lukemisen erityisvaikeudesta kärsii 9-12 prosenttia koko maailman väestöstä. Yllättävän iso luku! Maja Benken mielenkiintoisessa talkissa painotetaan mm. valintojen tärkeyttä fonttikoossa, fonttiperheessä ja fonttityylissä. Tekstin on hyvä olla väihtään 16px pikselikooltaan ja rivinvälin vähintään 1.5. En yllättynyt siitä, että kursiivit ja all capsit ovat dysleksikoille huono juttu.

Suunnittelussa otetaan usein huomioon saavutettavuus lähinnä värien ja pintojen suhteen, mutta white space, ulkoasun asettelu ja tekstin suhde ulkoasuun unohdetaan usein. On tärkeää, että teksti ei jakaudu liian pitkälle alueelle elementeissä ja tekstin kontrasti suhteessa taustaan on riittävällä tasolla.

Sisällöntuotannossa ja bloggailussa on tärkeää olla käyttämättä liian pitkiä ja vaikeita lauseita. Lyhempi parempi. Pitää myös muistaa olla olettamatta lukijasta liikaa ja tiivistää sisältöä esimerkiksi otteeseen selkeäksi kokonaisuudeksi. Näin lukija ymmärtää paremmin mistä on kyse. Linkit ja napit on hyvä olla kuvaavia teksteiltään ”klikkaa tästä” -sijaan.

Puheessa on paljon tuttua asiaa ja myös jonkin verran teknistä tuttua huttua, kuten ohjelmallinen saavutettavuus liikkeen ja dark/light-moden osalta ja niin edelleen. Se opettaa kuitenkin myös paljon uutta aiheen ulkopuolelta. Hyvä talk kaiken kaikkiaan.

The Real Impact of Having Website Performance as a Mindset

Ilmeisesti aikataulussa tapahtui tässä kohtaa muutos, mutta perffiluento on oikein tervetullut lisä ohjelmaan.

Leo Postovoitin esityksessä keskitytään kokonaisvaltaisesti verkkosivun suorituskyvyn parantamiseen. Puheessa tulee esille mm. latausnopeuden ja käyttökokemuksen tärkeys. Lisäosista mainittu mm. Boost (Jetpack), joka on jäänyt testaamatta lähinnä Jetpack-lisäosan massiivisuuden vuoksi. Esimerkiksi käyttämämme Autoptimize tekee saman.

Leo Postovoit puhumassa perffistä.

Jatkokysymyksissä Leo toteaa, että sinun ei tarvitse muuttaa ulkoasua radikaalisti nopeuttaaksesi sivustoa. Kunhan LCP (Largest Contentful Paint) on kohdillaan, verkkosivu menestyy. Hyvä puhe, joskin ehkä vähän sekava ja vähän konkretiaa. Jäi mieleen, että yksikin sekunti merkitsee paljon, koska jos kävijä ei saa edes mahdollisuutta nähdä mitä sivulla on, ei hän kykene muodostamaan siitä edes mielipidettään.

The block pattern revolution

Sean Blakeleyn puhe avaa ensin hieman lohkopatternien perusajatusta vertaamalla Gutenberg-lohkoja legopalikoihin, joista on kätevä kasata monimutkaisiakin enterprise-sivustoja. Brad Frostin Atomic Design mainittu. Puheen pohjana toimii Quick, Efficient, Cheap -venn-graafi, josta voi valita vain kaksi. Tällaisen piirsin itsekin taannoiseen bloggaukseeni.

Lohkoajattelusta Sean siirtyy aika diipille tasolle Design Systemsien puolelle ja hieman mielenkiinto herpaantuu tässä kohtaa. Häiritsee myös hieman lavajärjestely, jossa vain verho erottaa messualueen, joka on lavan toisella puolella. Tästä johtuen kaikki hälinä kuuluu suoraan Track 1 -lavalle.

Design system-painotteisuudesta ja konkretian puutteesta johtuen tämä talk ei ollut oma suosikkini.

Lounas ja lightning talks

Ehdimme ensimmäisten joukossa pienelle teltalle lounaalle. Ruokana on jopa yllättävän suomalaista sapuskaa, kanaa, riisiä ja perunamuussia meille lihansyöjille.

Sitten vähän 7uppia ja Track 1:lle, jossa alkaa ⚡️lightning talksit, jotka tarkoittavat max 7 minuutin esityksiä erilaisista aiheista. Nämä puheet vedetään pötköön. Tällä kertaa kaikki lyhyet puheet ovat Gutenberg-aiheisia. Koska esitykset ovat lyhyitä, myös muistiinpanoni jäävät lyhyeksi.

Creating interactive blocks: old, new, and good ways

Päästään hieman koodin pariin. Tämän puheen koodiesimerkeissä näkyy JavaScriptiä, jQuerya ja HTML:ää. Spiikki menee niin pian läpi, että koodeja ei ehdi ajatuksella rekisteröidä. Lopussa mainitaan puhujan make.wordpress.orgin ehdotus, tässä linkki suoraan artikkeliin: Exploration to enable better Developer and Visitor Experiences with blocks.

Extending Gutenberg with SlotFill

React-slot-fillin inspiroima WordPress Gutenberg Block Editorin SlotFill on itselle ainakin ihan uusi tapa tehdä lohkoja, koska meillä ei toistaiseksi käytetä Reactia lohkojen tekemiseen (ACF+Gutenberg-metodi on niin paljon kivempi ja nopeampi tapa rakentaa niin perus- kuin monimutkaisiakin lohkoja, tsekkaa blocks.airwptheme.com ja dokumentointi osoitteesta docs.airwptheme.com/air-blocks/block-library).

On silti kiinnostavaa saada hieman erilaista näkökulmaa lohkoihin. Ryanin lohkosysteemi löytyy hänen GitHubistaan sille varatun repon alta.

Block Themes – The Future of FSE

FSE tarkoittaa Full Site Editingiä. Se on kuin Gutenberg steroideilla, eli lohkojen lisäksi mukana on valikko, footer, jne. Osoitteessa fullsiteediting.com voi lukea lisää.

Imran Sayedin setti on pintapuolinen katselmus Full Site Editingin tulevaisuuteen. Loppupätkä on videolla, joka on hieman pettymys, sillä saman olisi voinut esittää puhumalla – varsinkin kun video sisältää enimmäkseen puhetta. Ihan hyvä demo silti, mutta vähän turhan höttöinen kokonaisuus.

Blockity McBlock Blocks, Oh My!

Evan Mullins vetää hienon läp