Niin joustavat sivut että paukkuu - Tarax.fi
Tomi Jaskari
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.
Operalla testatessani huomasin, ett� alt-tekstit j��v�t piiloon paitsi jos
j�ljittelee tekstipohjaista selainta. Onpas Operassa outo kauneusvirhe?
Mika Iisakkila
> 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.
Akseli M�ki
>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
>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)
Jukka K. Korpela
> 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.
> 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
+0300:
> Mika Iisakkila wrote:
>> 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.
> "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.
> 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.
> Seuraava on tyypillist� blaablaata eli yrityksen itsekehua, jonka mik�
> tahansa firma voisi esitt�� etsist��n ja jota kukaan ei siis usko:
T�m� on ik�v�n totta ja odotan saavani laittaa oikeita referenssej�
n�kyviin pian.
>> 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
Markus
> 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
Jori Mantysalo
>> Seuraava on tyypillist� blaablaata eli yrityksen itsekehua, jonka mik�
>> tahansa firma voisi esitt�� etsist��n ja jota kukaan ei siis usko:
> 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
Tomi Jaskari
> 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��.
> "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.
> Suomen Yritt�j�t-logossa odottaisi olevan linkin ko sivuille.
Niin kai. Korjataan jos l�yd�n heid�n kotisivunsa :)
> Selainikkunan kaventaminen heitt�� leip�tekstin alkavaksi valikon
> alareunan tasolta alasp�in.
Johonkin sen t�ytyy liikkua.
> Etusivun fonttikoko muista poikkeava.
Osin tarkoituksella.
> Valikon j�rjestys muuttuu erilaiseksi alasivusta riippuen.
Pit�nee numeroida alasivut.
> 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.
> 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.
> 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. :(
> Toivottaman suurifonttinen "valikko"-sana ottaa ainakin itsell� silm��n.
> Ja
> on periaatteessa jokseenkin turhakin.
Harkitsen sen poistamista, mutta toistaiseksi saa olla - pienen vain
fonttikokoa.
> Osotteiden ryhmittely tuntui hieman kummalliselta. Laittaisin kaikki
> mailit
> per�kk�in ja postiosoitteen alkuun tai loppuun.
T�ytyy konsultoida.
> 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.
> S�hk�postiosoitteissa aiheena Tarax pisti mietitytt�m��n moisen
> todellista
> tarvetta.
En ymm�rr�.
Kiitos arvokkaasta palautteesta Markus.
ap
>
> 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
+0300:
> Sivusi, t�h�n menness�, ne muuten ovat aivan hirve�t r��ppeet, kuin
> joku peruskoulun seiskaluokkalainen olisi tehnyt iltapuhteina.
Kiitos vaan kannustuksesta.
Tomi Jaskari
+0300:
> Tomi Jaskari wrote:
>> 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.
> 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:
En n�e sen t�rkeydelle mit��n j�rkeenk�yp�� perustetta.
> "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.
Marko
>>> 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/.