rollemaa.org LITE

Lepäsin äsken hieman makoillen miniläppärini ja vaimoni kanssa sängyssä. Sivulta sivulle surffailun tuloksena päädyin taas ammattilaisten css-gallerioihin ja viime vuoden (2008) parhaimpien sivustojen kollaasikokoelmiin. Rupesihan siinä ärsyttämähän. Vaikka en varmasti huonoimmasta päästä olekaan niin maailmassa tuntuu olevan niin paljon parempia ja menestyneempiä webdesignerejä. Mutta jos tällä taktiikalla ajattelee niin jokaisessa asiassa on toista huonompi, ellei sitten (epätodennäköistä kyllä) itse ole se menestynein ja onnistunein.

Pitäisi ruveta tekemään vektorigrafiikkaa ja jälleen mallinnuskuvia jotta saisi aikaan niitä silmiä tiputtavia leiskoja, mutta linux ei siihen tarjoa kunnon ohjelmistoja ja windows-koneeni on tällä hetkellä miniläppäri. Ehkä joskus tulevaisuudessa jos ostan itselleni/lapselleni jykevän windows-koneen, pääsen takaisin kunnon grafiikkatöihin, mikä tietää näyttävämpiä www-sivuja.

Voin lohduttautua sillä ajatuksella että puolet noista ammattimaisista (tai “ammattimaisista”) www-suunnittelijoista ei ollut ottanut huomioon esimerkiksi skaalautuvuutta (eee pc:n näytölle eivät osa hienoistakaan teoksista mahtuneet). Nykyään itsetuntoni ei ole niin hieno että litistyisin lattiarajaan hienomman sivun nähdessäni. Olen silti ylpeä tekeleestäni Rollemaasta ja uskon että monet muutkin pitävät siitä.

Tämä taitaa olla ensimmäisiä kertoja kuin kirjoitan mielipiteeni esteettömyydestä. Vaimoni on käytännössä kuurosokea, joten ymmärrän tavallaan “paremmin” (tai lähempää) miksi www-sivujen esteettömyys on tärkeää. Toki ammatti-ihmisten flash-sivut ovat yleensä hienoja, mutta sokea ei saa flash-appletista juuri mitään informaatiota ulos. Ja sitä paitsi flash ei edelleenkään toimi kaikilla alustoilla, vaikka kuinka yrittäisi.

Asia tuli esille ihan hiljattain kun selailin Smashing Magazinen viime vuoden (2008) parhaita www-suunnittelijoita/-graafikkoja ja heidän sivujaan. Ehdin jo mennä vihreäksi kateudesta, kunnes näin Ali Felskin sivut. Headerin flash-appletin piti olla läpinäkyvä, mutta minun opensuselle kustomoidut flash-ajurit eivät osanneetkaan näyttää läpinäkyvyyttä. Näin ollen koko layout näyttää rumuudessaan tältä:

Muutenhan Ali Felskin sivut ovat upeat. Reilu tunti sitten Uuden Suomen julkaisemassa artikkelissa informoitiin sokeiden yhä hankaloittuneesta internetin käytöstä.

Teuvo Heikkosen mukaan esimerkiksi flash-animaatiot ja java-pohjaiset sivustot häiritsevät näkövammaisille tehtyjen apuvälineiden toimintaa. Näkövammaiset käyttävät internetin selaamisessa muun muassa pistenäyttöjä ja puhesyntetisaattoreita.

- Emme halua vastustaa visuaalisuuden ja graafisuuden kehitystä verkossa, kunhan otetaan huomioon se, että näkövammaiset voivat käyttää sivustoja, Heikkonen kertoo.

Nimenomaan. Grafiikkaa ja muuta sälää saa olla, kunhan sivusto ei sisällä sellaisia elementtejä, jotka hankaloittavat apuvälineiden toimintaa. Olen itse ollut mukana testaamassa pistenäyttöä ja syntetisaattoria, jotka lukevat sivua sitä paremmin mitä validimmimmin se on koodattu. Validi xhtml lukeutuu hyvin, mutta flashia tai javaa (jopa javascriptiä) sisältävät sivut voivat tuottaa hankaluuksia.

Koko nettiähän ei esteettömäksi saa millään, mutta jokainen yksilö voi kantaa oman kortensa kekoon tässäkin asiassa. Tosin, en minäkään ole varmastikaan tehnyt mitään ilmastonmuutoksen hyväksi. Asioilla on monta puolta.

Sainpa sen vihdoinkin tehtyä: Gravatarit ‘käyttäjiä paikalla’ sivulle! Pitkään sitä oli pähkäilty. En ole mikään hyvä php:ssa, mutta sen verran osaan että pystyn toteuttamaan haluamani. Googlaten läpi harmaan kiven. Tosin sekään ei auttanut, vaan apua jouduin huutelemaan WordPressin foorumilta. Valitettavasti vain sisäänkirjautuneet näkevät työni tuloksen onlinesivulla, mutta ei se mitään.

Homma oli sinäänsä kinkkinen, koska wp-useronline.php:ssa ei voi suoraan hakea käyttäjän sähköpostiosoitetta käyttäjänimestä, vaan ensin pitää suoltaa ulos käyttäjän id- eli tunnistenumero, josta tiedot saa ulos get_userdata -funktiolla.

wp-useronline.php rivi 750:

$user = get_userdatabylogin($member['display_name']); //haetaan käyttäjätiedot tunnuksen avulla
$user_info = get_userdata($user->ID); // haetaan user_id

Jonka jälkeen

$useronline_output .= ‘<strong><img src=”http://www.gravatar.com/avatar.php?gravatar_id=’.md5($user_info->user_email).’&size=40″ alt=”" class=”user” />’

…ja niin edespäin. Hyvin toimii.

Gravatarhan on siis palvelu, joka luo blogin/etc kommentoijalle pikkukuvan (20×20-100×100) ja tallettaa sen sähköpostiosoitteeseen siten että aina kun laitat blogin kommenttikentän sähköpostiosoitekenttään sähköpostiosoittesi, gravatar haetaan automaattisesti sähköpostiosoitteesta sivulle (tarkemmin ottaen sähköpostiosoitteen md5-summasta). Gravatar tukee nykyään montaa sähköpostiosoitetta samalle gravatar-kuvalle. Suosittelen luomaan gravatarin jos sitä ei sinulla vielä ole. Gravataria käyttää monet bloggaajat. Piristää huomattavasti kommentointia.

En kykene millään päättämään mikä näistä on sopivin väri/ikonivalinta tuohon alas (kommenttilinkki). Olen vaihtanut settiä jo kuusi kertaa…

Rollemaa.org on nyt tangoistettu, lisäsin nimittäin muutaman ikonin hieman väriä ja pirteyttä tuomaan. Pidän Tango! -värimaailmasta muutenkin erittäin paljon. Mm. gnome-terminalini sekä irssini käyttää hyväksi tango-värejä, jotka siis ovat näitä kuuluisia tavallisia, mutta hieman vaaleampisävytteisiä ja yksinkertaisen kauniita värejä.

Lisäksi käytän tango-ikoneita gnome-työpöytäympäristöni karkkina. Linuxin käyttäjille tango on varmasti tullut tutuksi, sillä monet gnomen mukana tulevat avoimen lähdekoodin ohjelmat käyttävät oletuksena tango-värejä tai ikoneita. Ja ikonithan ovat vapaasti ladattavissa Tangon omilla sivuilla. Tango!, tervetuloa Rollemaahan!