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