Discussion:
Niin joustavat sivut että paukkuu - Tarax.fi
(too old to reply)
Tomi Jaskari
2009-09-08 00:22:22 UTC
Permalink
Sivusto Tarax.fi on työn alla. Olen tässä rakennustoimiston sivustossa
pyrkinyt soveltamaan kaikkea oppimaani esteettömyydestä, ilmaisun
taloudellisuudesta ja sisällön selkeydestä. Aina toki jää jotakin mitä
voisi parantaa.

Otan mielelläni vastaan kommentteja ja käyn esteettömyyskeskustelua.

http://www.tarax.net/

Operalla testatessani huomasin, että alt-tekstit jäävät piiloon paitsi jos
jäljittelee tekstipohjaista selainta. Onpas Operassa outo kauneusvirhe?
Mika Iisakkila
2009-09-08 07:21:30 UTC
Permalink
Post by Tomi Jaskari
Sivusto Tarax.fi on työn alla. Olen tässä rakennustoimiston sivustossa
pyrkinyt soveltamaan kaikkea oppimaani esteettömyydestä, ilmaisun
taloudellisuudesta ja sisällön selkeydestä. Aina toki jää jotakin mitä
voisi parantaa.
Otan mielelläni vastaan kommentteja ja käyn esteettömyyskeskustelua.
http://www.tarax.net/
Värivalinnat noin yleisesti ovat aivan jaskarista, mutta se on
pitkälti makuasia joten ei siitä sen enempää. Paitsi että yläreunan
valikon teksteistä (ilman huuverointia) ei saa mitään selvää.
Valikoiden pomppaaminen yläreunasta vasempaan reunaan on ärsyttävää.
Sivuvalikossa meneillään olevan sivun korvautuminen reiällä on
tietenkin parempi kuin katoaminen kokonaan, mutta jotenkin oudon
tuntuista. Etusivun validaattorilinkillä ei kukaan tee mitään.
Jotenkin on jo tottunut siihen, että jos sivulla on yläreunassa isolla
putkan nimi tai logo, siitä klikkaamalla päätyy etusivulle.
Yhteystietojen näkyminen joka sivun alareunassa on hyvä ajatus, mutta
hajoaa sekavaksi tekstiselaimessa normirivinleveydellä.
--
http://www.hut.fi/u/iisakkil/ --Foo.
Jukka K. Korpela
2009-09-08 16:53:18 UTC
Permalink
Post by Mika Iisakkila
Värivalinnat noin yleisesti ovat aivan jaskarista,
Taidatkos tuon paremmin sanoa... Muutenkin kritiikkisi on kriittisyydessään
niin osuvaa, että puutun vain pariin yksityiskohtaan, joista ehkä joku voi
oppia jotain tai sitten ei:

"Yrityksemme toiminta-ajatus lyhyesti" on tehty tasapalstaan, jolloin tulos
on tahattoman koominen, kun viimeinen sana ei mahdu mukaan. Ylipäänsä
otsikon jakautuminen eri riveille on huono ajatus eli sivu pitäisi
suunnitella niin, että sellaista ei tapahdu kuin äärioloissa.

Pääsivun leipätekstinomainen valmiste on liian isolla - fonttikoollakin voi
huutaa lukijan korvat kipeiksi.

Seuraava on tyypillistä blaablaata eli yrityksen itsekehua, jonka mikä
tahansa firma voisi esittää etsistään ja jota kukaan ei siis usko:
"Toimintamme peruspilareina ovat työn erinomainen laatu sekä erittäin
kilpailukykyiset hinnat. Ota rohkeasti yhteyttä, sillä olemme valmiit
palvelemaan Sinua ammattitaidolla ja kokemuksella."

Kilpailla voi monella tavalla, mutta jos väittää - ilman sen kummempia
referenssejä, perusteluja tai muuta - olevansa joka suhteessa paras, se
haisee niin kauas, että jopa suomalainen kuluttaja ymmärtää, ettei sillä ole
katetta.

Jos haluaa teettää rempan halvalla ja laadukkaasti, täytyy yleensä teettää
kaksi remppaa.
Post by Mika Iisakkila
Yhteystietojen näkyminen joka sivun alareunassa on hyvä ajatus, mutta
hajoaa sekavaksi tekstiselaimessa normirivinleveydellä.
Saa sen graafisessakin selaimessa rikki esimerkiksi siten, että "Y-" on
rivin lopussa ja "tunnus = 2247794-2" seuraavan alussa. Ei kovin tyylikästä.
Kannattaisi ainakin rakentaa kokonaisuus esimerkiksi elementeistä, joista
kullekin asetetaan white-space: nowrap siten, että yksi pieni
tietokokonaisuus ei pirstoudu eri riveille.
--
Yucca, http://www.cs.tut.fi/~jkorpela/
Tomi Jaskari
2009-09-09 00:19:40 UTC
Permalink
Post by Jukka K. Korpela
Post by Mika Iisakkila
Värivalinnat noin yleisesti ovat aivan jaskarista,
Taidatkos tuon paremmin sanoa... Muutenkin kritiikkisi on
Korjasin sävytystä vielä hieman hillitympään suuntaan. Ehkä vielä joskus
ymmärrän näitä väriympyrän erilaisia käyttömahdollisuuksia.
Post by Jukka K. Korpela
"Yrityksemme toiminta-ajatus lyhyesti" on tehty tasapalstaan, jolloin
tulos on tahattoman koominen, kun viimeinen sana ei mahdu mukaan.
Ylipäänsä otsikon jakautuminen eri riveille on huono ajatus eli sivu
pitäisi suunnitella niin, että sellaista ei tapahdu kuin äärioloissa.
Otsikko oli muutenkin huono, joten muutin sen. Opin senkin ettei
tasapalstaan jakamista näytölle kannata kovin harkitsematta soveltaa kun
ei se toimi kuin sattumalta.
Post by Jukka K. Korpela
Pääsivun leipätekstinomainen valmiste on liian isolla - fonttikoollakin
voi huutaa lukijan korvat kipeiksi.
Ajatuksenani oli kai täyttää enemmän sivun tyhjästä tilasta, mutta se ei
ehkä ole tarpeellista.
Post by Jukka K. Korpela
Seuraava on tyypillistä blaablaata eli yrityksen itsekehua, jonka mikä
Tämä on ikävän totta ja odotan saavani laittaa oikeita referenssejä
näkyviin pian.
Post by Jukka K. Korpela
Post by Mika Iisakkila
Yhteystietojen näkyminen joka sivun alareunassa on hyvä ajatus, mutta
hajoaa sekavaksi tekstiselaimessa normirivinleveydellä.
Saa sen graafisessakin selaimessa rikki esimerkiksi siten, että "Y-" on
rivin lopussa ja "tunnus = 2247794-2" seuraavan alussa. Ei kovin
tyylikästä. Kannattaisi ainakin rakentaa kokonaisuus esimerkiksi
elementeistä, joista kullekin asetetaan white-space: nowrap siten, että
yksi pieni tietokokonaisuus ei pirstoudu eri riveille.
Tämä jää mietintämyssyyn seuraavalle päivälle. Näyttäisi siltä, että
selaimista Internet Explorer 8 ei vieläkään kunnioita tyylitiedostoon
laitettuja valkoisen tilan käyttötoiveita. Huomasin sen toisessa kohtaa
rivittäessäni yhteystietoja.
--
Käytössä Operan vallankumouksellinen
meili-, keskustelu- ja selainohjelmisto:
http://www.kolumbus.fi/tomijaskari
Jori Mantysalo
2009-09-10 12:39:35 UTC
Permalink
Post by Tomi Jaskari
Post by Jukka K. Korpela
Seuraava on tyypillistä blaablaata eli yrityksen itsekehua, jonka mikä
Tämä on ikävän totta ja odotan saavani laittaa oikeita referenssejä
näkyviin pian.
Näiden kirjoittajille esitän kääntötestiä.

"Pallo on punainen." on mielekäs väite sellaisessa kontekstissa,
jossa joku voisi sanoa joko "Pallo on sininen." tai ainakin
"Pallo ei ole punainen."

"Teemme laadukasta työtä." on tässä mielessä sisällyksetön
lause. Kukaan ei sano "Teemme heikkolaatuista työtä." Tai
valitettavasti sellaisen sanominen ei ole sallittua nykyään -
kyllähän esim. minä ostan mielelläni heikkolaatuisia vaatteita,
jos ovat halvempia. Tämä yleensä ilmaistaan jotenkin kiertäen,
"peruslaatuisia" tms.

Voiko rakennustoimistolla ollakaan sellaisia aitoja valintoja,
joissa jotain osa-aluetta painotettaisiin eri tavalla kuin muita?
Ellei, voiko yleistä itsekehua konkretisoida, tyyliin "kokemuksella"
-> "toiminut vuodesta N"?
--
"No vitsit. Se on sitten laitettava pyörä kesäkuntoon. En minä nyt
kyllä millään ateistibussilla ala ajelemaan."
-- "razia", kommentti uskomaton.fi -kampanjaan
Akseli Mäki
2009-09-08 13:28:33 UTC
Permalink
Post by Tomi Jaskari
Operalla testatessani huomasin, että alt-tekstit jäävät piiloon paitsi jos
jäljittelee tekstipohjaista selainta. Onpas Operassa outo kauneusvirhe?
Tarkoitatko että alt tekstit eivät näy jos kuvat näkyy? Näin kuuluukin
olla, ne alt tagit määrittelee sisältöä siinä tapauksessa jossa kuvaa
ei näytetä. Ei niitä ole tarkoitus käyttää jos kuvat näytetään.
Seppo Loisa
2009-09-08 14:15:44 UTC
Permalink
Post by Tomi Jaskari
Otan mielelläni vastaan kommentteja ja käyn esteettömyyskeskustelua.
http://www.tarax.net/
Firefox 3.5.2:
Eri valikon osissa yläosa tuntuu hieman "pomppivan" eli on eri
korkuinen. (Saneeraus <-> Metsänhoito)
Markus
2009-09-10 11:06:37 UTC
Permalink
Post by Tomi Jaskari
Sivusto Tarax.fi on työn alla. Olen tässä rakennustoimiston sivustossa
pyrkinyt soveltamaan kaikkea oppimaani esteettömyydestä, ilmaisun
taloudellisuudesta ja sisällön selkeydestä. Aina toki jää jotakin mitä
voisi parantaa.
Otan mielelläni vastaan kommentteja ja käyn esteettömyyskeskustelua.
Pari pikaista havaintoa sourcea nuohoamatta tehtynä:

Ei "mahdu" ruudulle (1024*768). Eli sisältö mahtuu, mutta vaakapalkki jää
selaimessa näkyviin
IE6 näyttää firman nimen ympärillä punaisen kehyksen, FF taas ei. Sama sama
sanan "rakennustoimisto" kohdalla. Tosin kehys on edellisestä poiketen
musta.
"logon" ja leipätekstin välinen viiva IE:llä täyspitkä ainoastaan
etusivulla.
Suomen Yrittäjät-logossa odottaisi olevan linkin ko sivuille.
Selainikkunan kaventaminen heittää leipätekstin alkavaksi valikon alareunan
tasolta alaspäin.
Etusivun fonttikoko muista poikkeava.
Valikon järjestys muuttuu erilaiseksi alasivusta riippuen.

Alareunan tiedot ainakin omassa tuliketussa (2.0.0.20) turhan
pienifonttisena lähes lukukelvottomat. IE6 taas näyttää hieman isommalla,
mutta tekstien kehykset muuttuvat turhan paksuiksi, samaten niiden alareunan
tasalle tulee koko ruudun levyinen katkoviiva.
Alareunan tiedot eri sivuilla eri kokoisella fontilla. Eli etusivulla IE:llä
pienempää.
Alareunan tiedot IE:llä keskellä ainoastaan etusivulla.

Valikon "alasivumme täydentyvät vielä" omasta mielestäni ehdottomasti
väärässä paikassa. Vähintään sen odottaisi ohjaavan sivulle, jossa kerrotaan
näistä tulevista tai jotehdyistä muutoksista. Tuollaisenaan siitä jää
vaikutelma, että se on heitetty huolimattomasti jonnekkin.
Toivottaman suurifonttinen "valikko"-sana ottaa ainakin itsellä silmään. Ja
on periaatteessa jokseenkin turhakin.

Osotteiden ryhmittely tuntui hieman kummalliselta. Laittaisin kaikki mailit
peräkkäin ja postiosoitteen alkuun tai loppuun.
Osoitteet ovat IE:ssä yhdellä rivillä, FF:n puolella taas kolmella.
Sähköpostiosoitteissa aiheena Tarax pisti mietityttämään moisen todellista
tarvetta.

Markus
Tomi Jaskari
2009-09-12 13:47:32 UTC
Permalink
Post by Markus
Ei "mahdu" ruudulle (1024*768). Eli sisältö mahtuu, mutta vaakapalkki jää
selaimessa näkyviin
IE6 näyttää firman nimen ympärillä punaisen kehyksen, FF taas ei. Sama sama
sanan "rakennustoimisto" kohdalla. Tosin kehys on edellisestä poiketen
musta.
Joudun kävelemään en tiedä minne, että pääsen testaamaan IE6:lla. Muuten
olet kyllä oikeassa linkkien ja varsinkin linkattujen kuvien kanssa olen
näemmä vaiheessa - arvokas huomio.

Ei mahdu ruudulle on vähän outo, mutta kaipa sekin tässä tämän illan
sessiossa selviää.
Post by Markus
"logon" ja leipätekstin välinen viiva IE:llä täyspitkä ainoastaan
etusivulla.
Se on tarkoituksella hieman auki päistään; toiset tykkää, toiset ei.
Post by Markus
Suomen Yrittäjät-logossa odottaisi olevan linkin ko sivuille.
Niin kai. Korjataan jos löydän heidän kotisivunsa :)
Post by Markus
Selainikkunan kaventaminen heittää leipätekstin alkavaksi valikon
alareunan tasolta alaspäin.
Johonkin sen täytyy liikkua.
Post by Markus
Etusivun fonttikoko muista poikkeava.
Osin tarkoituksella.
Post by Markus
Valikon järjestys muuttuu erilaiseksi alasivusta riippuen.
Pitänee numeroida alasivut.
Post by Markus
Alareunan tiedot ainakin omassa tuliketussa (2.0.0.20) turhan
pienifonttisena lähes lukukelvottomat. IE6 taas näyttää hieman isommalla,
mutta tekstien kehykset muuttuvat turhan paksuiksi, samaten niiden alareunan
tasalle tulee koko ruudun levyinen katkoviiva.
Taas tämä IE(six)-efekti. Arr! Kehysviivojen käyttäminen thick-thin-medium
leveysmääreillä on edelleen NONO jos haluaa ennustettavaa lopputulosta.
Post by Markus
Alareunan tiedot eri sivuilla eri kokoisella fontilla. Eli etusivulla IE:llä
pienempää.
Alareunan tiedot IE:llä keskellä ainoastaan etusivulla.
Miksi niiden pitäisi olla keskellä...
Yläreunantaittokin on epäsymmetrinen eli oikea ylänurkka on toistaiseksi
vapaana tulevaisuuden laajennuksille.
Post by Markus
Valikon "alasivumme täydentyvät vielä" omasta mielestäni ehdottomasti
väärässä paikassa. Vähintään sen odottaisi ohjaavan sivulle, jossa kerrotaan
näistä tulevista tai jotehdyistä muutoksista. Tuollaisenaan siitä jää
vaikutelma, että se on heitetty huolimattomasti jonnekkin.
Oikein, siis minulta väärin. :(
Post by Markus
Toivottaman suurifonttinen "valikko"-sana ottaa ainakin itsellä silmään. Ja
on periaatteessa jokseenkin turhakin.
Harkitsen sen poistamista, mutta toistaiseksi saa olla - pienen vain
fonttikokoa.
Post by Markus
Osotteiden ryhmittely tuntui hieman kummalliselta. Laittaisin kaikki mailit
peräkkäin ja postiosoitteen alkuun tai loppuun.
Täytyy konsultoida.
Post by Markus
Osoitteet ovat IE:ssä yhdellä rivillä, FF:n puolella taas kolmella.
Tämä on niitä IE:n raivostuttavuuksia, sille on lähes pakko tehdä asiat
eilispäivän tekniikalla eli pakotetuin rivinvaihdoin ja non-breaking-space
merkein.
Post by Markus
Sähköpostiosoitteissa aiheena Tarax pisti mietityttämään moisen todellista
tarvetta.
En ymmärrä.


Kiitos arvokkaasta palautteesta Markus.
--
Käytössä Operan vallankumouksellinen
meili-, keskustelu- ja selainohjelmisto:
http://www.kolumbus.fi/tomijaskari
ap
2009-09-12 15:07:35 UTC
Permalink
Post by Tomi Jaskari
Joudun kävelemään en tiedä minne, että pääsen testaamaan IE6:lla.
Eikö työkalupakistasi tosiaan löydy erästä webbimaailman keskeisintä
selainversionumeroa?

IE 6.0 on niin tärkeä selainversio että Microsoft on päättänyt järjestää
16.9.2009 erillisen TechNet TV IE6 seminaarin jossa IE6 aiheisia
kysymyksiä voidaan pohtia asiantuntijavoimin:

"IE6 käytössä, miten eteenpäin?
Internet Explorer 6 on edelleen laajalti käytössä, vaikka selain on
suunniteltu ja toteutettu vuosina 2000-2001. "

Kannattaa siis ilmoittautua MS:n webbiseminaarikurssille niin saa IE6:n
käytöstä ne viimeisimmät vinkit ja tipit haltuun.
http://msevents.microsoft.com/CUI/WebCastEventDetails.aspx?EventID=1032425726&EventCategory=2&culture=fi-FI&CountryCode=FI

Sivusi, tähän mennessä, ne muuten ovat aivan hirveät rääppeet, kuin joku
peruskoulun seiskaluokkalainen olisi tehnyt iltapuhteina.
Tomi Jaskari
2009-09-12 15:15:28 UTC
Permalink
Post by ap
Sivusi, tähän mennessä, ne muuten ovat aivan hirveät rääppeet, kuin
joku peruskoulun seiskaluokkalainen olisi tehnyt iltapuhteina.
Kiitos vaan kannustuksesta.
--
Käytössä Operan vallankumouksellinen
meili-, keskustelu- ja selainohjelmisto:
http://www.kolumbus.fi/tomijaskari
Tomi Jaskari
2009-09-12 16:24:53 UTC
Permalink
Post by ap
Post by Tomi Jaskari
Joudun kävelemään en tiedä minne, että pääsen testaamaan IE6:lla.
Eikö työkalupakistasi tosiaan löydy erästä webbimaailman keskeisintä
selainversionumeroa?
Ei todellakaan. Office 2000 löytyy, mutta se ei toimi, koska erehdyin
kokeilemaan uudempaa versiota.
Post by ap
IE 6.0 on niin tärkeä selainversio että Microsoft on päättänyt järjestää
16.9.2009 erillisen TechNet TV IE6 seminaarin jossa IE6 aiheisia
En näe sen tärkeydelle mitään järkeenkäypää perustetta.
Post by ap
"IE6 käytössä, miten eteenpäin?
Internet Explorer 6 on edelleen laajalti käytössä, vaikka selain on
suunniteltu ja toteutettu vuosina 2000-2001. "
Juu, 3 tuntia yhteensopivuustilapuppua - ei kiitos.
--
Käytössä Operan vallankumouksellinen
meili-, keskustelu- ja selainohjelmisto:
http://www.kolumbus.fi/tomijaskari
Marko
2009-09-22 06:58:28 UTC
Permalink
Post by Tomi Jaskari
Joudun kävelemään en tiedä minne, että pääsen testaamaan IE6:lla.
Sivujen toimivuus IE6:ssa on aika yleinen kriteeri.
Yksi toimiva ratkaisu on asentaa MultipleIEs paketti
http://tredosoft.com/Multiple_IE, joka mahdollistaa useamman IE-version
käytön.
Linuxissa homma hoituu Winessa esim. IEs4Linuxilla,
http://www.tatanka.com.br/ies4linux/.

Loading...