Uusi leiska
Sunnuntai 12.9.2004 klo 19:17. visakopu.net.
Nyt on visakopu.netillä uusi ulkoasu. Testattu vain Mac-selaimilla, joten minulla ei ole mitään tietoa miltä tämä näyttää Windowsin IE:llä. HTML-validaattori valittaa jostain Unicode-ongelmasta. Jos joku osaisi neuvoa mistä etsiä virheen aiheuttajaa, olisin kiitollinen.
Marjut kirjoitti 12.9.2004 klo 20:04:
Ihan hyvältä näyttää, mutta sivusuunnassa joutuu vähän skrollaamaan, kun yhdistelmä on I6/Win98. Mukavan vihreää! :-)
Saruwine kirjoitti 12.9.2004 klo 20:21:
Äkkiseltään veikkaisin, että koodiin on eksynyt epästandardinmukainen rivinvaihto tai muu vastaava merkki.
tsnorri kirjoitti 12.9.2004 klo 20:31:
Unicode-ongelma lienee tällä rivillä:
Erityisesti tuo ä-kirjain on kai väärällä koodauksella. SubEthaEdit antaa rivin numeroksi 639.
Leiskasta täytyy kuitenkin kysyä, oletko ihan varma tuosta otsikkokirjaimesta :-)
tsnorri kirjoitti 12.9.2004 klo 20:34:
Sillä rivillä oli siis teksti LINKO - vain linkkejä kommenttitagien sisällä
Timo kirjoitti 12.9.2004 klo 21:22:
Ööh. Onkos täällä jokin muka muuttunut?
Janne Jääskeläinen kirjoitti 12.9.2004 klo 21:38:
Tuota… Hmm. Nyt täytyy sanoa, että tämä uusi visu ei ainakaan minua sytytä. No, on tämä ainakin selkeä. :)
Merlac kirjoitti 12.9.2004 klo 21:58:
Hmm… vanha oli ehkä aavistuksen paremman näköinen, mutta ei paha tämäkään. Ehkä hitusen vähemmän kontrastia niin on mukava :)
Jussi kirjoitti 12.9.2004 klo 22:08:
Tältä tämä näyttää Operalla (v7.54/WinXP):
http://s1t.net/uploads/visakopu_net_on_opera_754.jpg
Sen verran potkaisin IE:tä käyntiin, että ilmeisesti otsikkokuvien ei kuuluisi olla ihan nurkissa ja sivun kuuluisi skaalautua paremmin.
Timo kirjoitti 12.9.2004 klo 23:58:
Tuon kuvan kun vilkaisin niin hokasin, että jotain on vialla. Reload auttoi. Ilmeisesti selain tarjosi minulle cachesta vanhaa css-tiedostoa.
Timo kirjoitti 13.9.2004 klo 00:00:
Niin ja sen verran vielä, että IE:llä näkyy ihan OK, tosin tämä selaimen irvikuva ei tue tuota max-width-elementtiä, joten sivu venyy koko ruudun leveyteen.
Visa kirjoitti 13.9.2004 klo 07:39:
Jussi: Ei tuossa Operassa kai muuta vikaa ole kuin että taustakuvien asettelu ei toimi. Sama juttu oli Mac-version kanssa. Käyttääkö kukaan Operaa eli kannattaako tuolle tehdä mitään?
Tommi H. kirjoitti 13.9.2004 klo 07:54:
Tosi hieno leiska! Firefoxilla ainakin skaalautuu fiksun oloisesti.
Erno kirjoitti 13.9.2004 klo 08:18:
Nojoo, kaikessa yksinkertaisuudessaan entinen päihitti tämän 100-0.
Josku kirjoitti 13.9.2004 klo 11:22:
Miksi muuten originaali FIR, kun parempiakin on tarjolla?
Tomi kirjoitti 14.9.2004 klo 17:40:
Kyllä moni käyttää Operaa, minä mukaan lukien. :)
Ei tuo otsikkokuva nyt juurikaan häiritse, mutta kannattaa se toki fiksata, eipä ole iso homma.
Sen sijaan tämä hyvin pieni fonttikoko häiritsee. On harmillista, että joutuu kytkemään CSS:n pois päältä siksi aikaa kun jos todella haluaa *lukea* jotain.
Itse tykkäsin paljon enemmän entisestä leiskasta. Ehkä sen voisi laittaa vaihtoehtoiseksi tyylitiedostoksi?
Visa kirjoitti 14.9.2004 klo 18:48:
Okei Tomi, kun kerran sinä haluat, niin korjataan :-) Ratkaisukin löytyi yllättävän nopeasti. Opera ei ymmärtänyt background-positionin arvoa “center”, mutta arvon “50%” se ymmärsi.
Mun täytyy vielä hetki pohtia, mitä mä tän fontin kanssa teen. Tämä 11px näyttää vähän pieneltä, mutta 12px näyttää liian suurelta. Ja sitten on vielä se, että pitäisikö käyttää muita kuin pikselikokoja IE:n käyttäjien takia. Kaikilla muilla selaimillahan voi kyllä zoomata sitä tekstiä.
Ja Josku, nyt kun pääsit pätemään, niin kerropas miten tuo pitäisi laittaa, että on hyvin.
Josku kirjoitti 14.9.2004 klo 20:56:
Visa, ei tässä pätemisestä ollut kyse. Ääneen ihmettelyä ennemminkin, koska originaalia FIR:ia kehotetaan yleisesti välttämään.
Vaihtoehtoja löytyy esim Bowmanin alkuperäisestä oppaasta: http://www.stopdesign.com/articles/replace_text/ ja Mezzobluesta: http://www.mezzoblue.com/tests/revised-image-replacement/ esimerkkien kera.
Visa kirjoitti 14.9.2004 klo 21:24:
Mutta onko tuossa FIR:ssä (en tiennyt edes mitä kyseinen lyhenne tarkoitti ennen kuin kritisoit sen käyttöä…) muuta huonoa kuin että ruudunlukijat eivät sitä osaa lukea? Katsoin tuota Mezzobluen artikkelia enkä ainakaan siitä huomannut noissa muissa vaihtoehdoissakaan kovin paljon kehuttavaa. Paria kokeilin ja joko en osannut niitä implementoida tai sitten ne eivät toimi silloin kun kuvan pitää vielä toimia linkkinä.
Josku kirjoitti 14.9.2004 klo 22:07:
Tekniikat, joissa (otsikko)teksti siirretään, pienennetään näkymättömiin tai pistetaan kokonaan ovat ongelmallisia myös tapauksissa, jolloin vierailijalla on CSS:ää tukeva selain, mutta kuvien lataus pois käytöstä.
Itse tuskin olisin alunperinkään kiinnittänyt huomiota käyttämääsi tapaan, ellen olisi sattunut poikkeamaan hitaan yhteyden takaa, jolloin selaimestani on yleensä kuvien lataus pois käytöstä.
Jonkin verran on jo käyty myös keskustelua siitä, miten hakukoneet (varsinkin Google) alkaa kohtelemaan piilotettuja tekstejä (mm. display: none), mikäli se valjastetaan piilottamaan sisältöä hakukoneiden harhauttamiseksi. Aika näyttää miten käy.