Valokuvaus on ollut toinen tukijalkani IT-konsultoinnin rinnalla vuodesta 2006. Vuosien varrella aiheet ovat kehittyneet — hiljaisista muotokuvista ihmiset-maisemassa-töiden kautta studiotuotantoihin. Tapa, jolla nämä kuvat esitettiin verkossa, ei kuitenkaan pysynyt samaa tahtia kuin niiden taustalla oleva kuvankäsittelytaito. Sivuston uudistus oli hyvä hetki kiinnittää valokuvausosioon erityistä huomiota.
Slider, joka antaa kuvien hengittää
Photography-sivulla galleria irrottautuu tietoisesti tavallisesta sisältösäiliöstä ja ottaa koko näytön leveyden. Edge-to-edge — ainoa kohta sivustolla, jossa näin tapahtuu. Kuvia ei saa puristaa palstaan; ne ovat sisältö.
Mekaniikka takana:
- 42 slidea täydellä resoluutiolla (1920×1280), laiska lataus ensimmäisen jälkeen,
- nuolinäppäimet ja nuolipainikkeet edelliselle/seuraavalle,
- pisteet alareunassa näkyvänä sisällysluettelona,
- automaattinen toisto, joka pysähtyy lightboxin avautuessa,
- pehmeät ristihäivytykset CSS-keyframeillä.
Klikkaa, suurenna, klikkaa eteenpäin
Jokaisella slidella on näkyvä kuvateksti (monikielinen — lisää siitä kohta) ja näkymätön painikepäällys. Klikkaus avaa lightboxin koko ruudun dialogina tumman taustan päälle: kuva keskellä isona, nuolet vasemmalla ja oikealla, sulkeminen oikeassa yläkulmassa. Näppäimistö toimii samalla tavalla — nuolet selailee, Escape sulkee. Pieni näyttämölogiikka pitää lähtevän ja saapuvan slidet pinottuna siirtymän ajan, jotta vaihto tuntuu pehmeältä eikä äkilliseltä.
Sama lightbox-temppu on myös blogikirjoituksiin upotetuille kuville. 50 rivin JS-tiedosto delegoi klikkaukset <img class="blog-img">-elementteihin, instantioi natiivin <dialog>-solmun, keskittää kuvan — valmista. Kokeile rohkeasti: klikkaus mihin tahansa tämän sivun valokuvaan avaa sen suurena.
Kuvatekstit viidellä kielellä
Kuvaslideilla on kullakin sekä alt-teksti että näkyvä kuvateksti — molemmat tyyppiturvallisena kielitietueena, jossa on viisi varianttia: saksa, englanti, suomi, puola, japani. Sivuston japaninkieliseen versioon päätynyt näkee japaninkieliset kuvatekstit, ja näytönlukija lausuu alt-tekstin japaniksi. Lokalisointia pienintä yksityiskohtaa myöten.
(Miten sivusto ylipäätään sai japanin kielen, kerrotaan Japantag-kirjoituksessa.)
Oma blogiluokka
Aivan uutta: valokuvauksen blogi-yleisnäkymä. Suodatettu näkymä kaikkiin blogikirjoituksiin, jotka kuuluvat valokuvausluokkaan — toistaiseksi melko lyhyt, mutta se muuttuu. Kolme pientä värillistä lätkää (consulting, distribution, photography) ryhmittelevät kirjoituksia jo päänäkymässä; ja lukemasi kirjoitus on tavallaan ensimmäinen omassa luokkaraidassaan.
Mitä seuraavaksi
Muutama aihe on jo jonossa seuraaviin valokuvauskirjoituksiin — valon muotoilusta liikkuvan studion tilanteessa, beauty-retusoinnista ja siitä milloin se auttaa (tai itse asiassa vahingoittaa), kuvalookin tietoisesta valinnasta. Jos sinua kiinnostaisi valmennus tai yhteinen kuvaus: otan ilolla vastaan ensimmäisen askeleesi.