Ison näytön päälle meno on z-index ongelmia. Jos muuttaa yhdelle asialle z-index-arvon oikeaksi, se voi olla toiselle väärin. Ongelmia ei aina saa tyydyttävästi ratkottua.
Sijoitin leivänmurujen kopion header-osioon ja määritin CSS:n sinne uusiksi. Mutta sitten piti siirtää myös toimintovalikko head-osaan, että sen kanssa ei tule z-index-ongelmaa.
Toimii, mutta samaa koodia on nyt useammassa paikassa. Tosin koodimäärä on suhteellisen pieni. Täytyy tutkia joskus, saisiko tuplat pois ilman z-index-ongelmia.
Otsikossa oli position ja z-index. Poistin, jolloin otsikon päälle meno hävisi. Se z-index-ongelma on siten selvitetty.
Sivustolla voi olla vielä z-index-ongelmia. Niiden ratkonta on todella joskus hankalaa.
Liikaa CSS-koodia - toiminnot pätkivät taas. CSS:ää pitäisi taas siivota.
Ihmettelen, miksi näkyy nelilinkkinen apuvalikko. Sen ei pitäisi näkyä kuin tietyissä tilanteissa keskileveässä mobiiliversiossa ja kavennetulla näytöllä tietokoneella. Ehkä selaintunnistuksessani on puutteita.
Koin itsekin tyhjän tilan hieman ongelmalliseksi. Tyhjä tila vasemmalla on siksi, että tekstiä ei ole miellyttävää lukea leveämpänä kuin se nyt on. Tyhjä tila jäi, koska vasemmalla ei ole alkuperäistä kolmatta palstaa lainkaan. Leiskaa pitäisi kaventaa, mutta siihen en nyt ryhdy.
Laitoin harmaan osittaisen taustakuvan, joka jättää 34px marginaalin foorumiosiolla. Toinen vaihtoehto olisi leventää tekstialuetta, mutta kaventaa tekstin leveyttä padding-arvolla. Tällöin avatar-laatikko jäisi ikään kuin omaan palstaansa.
En nyt koe tuota tyhjää aluetta suurena ongelmana, joten sen mahdollinen muuttaminen ei ole korkean prioriteetin asia.
Nytkun sanoit asiasta ni vasta huomasin että täällä on, kivasti menee täällä piiloon kun vähän raahaa sormea ylös....
Nuolet ei niinkään häirinnyt vaan se et joku valikko pomppaa ruudulle ku yrittää raahaa sivua ylös.
Toimintovalikon ei mobiilissa pitäisi pompata vahingossa. Tietokonenäytöllä kyllä, sillä se on tietokoneella tarkoitus avautua ilman klikkausta.
Vasemmalla on valikko, jonka kaltainen valikko on tällä sivustolla ylhäällä. Sen nimittäminen sonnaksi tuntuu kohtuuttomalta, sillä siitä löytyy kaikki sivuston ydintoiminnot. Ei tarvitse miettiä, pitääkö jotain asiaa etsiä ylhäältä vai alhaalta. Toimintojen etsimistä ei ole.
Jos luet toimintolistaa, siinä on mukana säännöllisesti tarvittavia hyödyllisiä toimintoja. Jos haluat uuden aiheen, ei sinun tarvitse mennä sivun yläreunaan etsimään painiketta jolla luot uuden säikeen. Jos haluat katsoa aihelistaa, ei sinun tarvitse mennä sivun yläreunaan etsimään linkkiä aihelistaukseen.
Kun tarkastelet yksittäistä säiettä, silloin milloin tahansa käytettävissä tärkeimmät toiminnot:
https://www.sanaristikkofoorumi.net/wordpress/wp-content/uploads/yksittainen-aihe-erikoislinkit.png
Pitäisi sen olla paljon kätevämpää kuin hakea niitä sivun yläosasta.
Idea on siinä, että kaikki, mitä käyttäjä kulloinkin tarvitsee, löytyy etsimättä ja turhia siirtymättä.
Jos sivulla ei saa olla mitään apuvalikkoe kiinteänä, sivuilla tulee paljon turhaa siityilyä paikasta toiseen ja toimintojen turhaa hakemista.
Minusta suunnittelun tulisi lähtökohtaisesti aina olla sitä, että käyttäjää ei turhaan pompotella!
Ihan oikeasti suunnittelu tulisi lähteä siitä, missä tilanteessa selaaja kulloinkin on ja miten häntä tulisi parhaalla mahdollisella tavalla huomioida.
Tällä sivustolla idea ei ihan toimisi, sillä täällä on hälytys uusista aiheista - ei ole ideaa, mikä sille olisi paras paikka.
Se on vähän lähellä nuolia. Muutin asemoitia. Laitoin 65% ylälaidasta, jolloin peukalon ei pitäisi rullatessa vahingossa osua nappiin, mutta nappi olisi silti peukalon ulottuvissa.
Mielestäni ainakaan yläosan haku ja päävalikko eivät helposti rullatessa osu sormiin ja haittaa rullausta.
Minusta ylikorostat rullausta. Sen ylikorostuksen seurauksena www-suunnittelua ei voi koskaan tehdä järkevästi - aina on pakko tehdä täysin turhia siirtymiä ja aivan turhaa toimintojen etsimistä joko ylhäältä tai alhaalta. Jos arvaa väärin pitää palata toiseen reunaan. Maksimaalinen rullauksen korostus merktisee maksimaalista pompottelua. Minun on vaikea ymmärtää, miksi selaajat sietävät heidän tarpeetonta pompotteluaan eikä juuri kukaan edes yritä pahemmin miettiä, millä sitä voisi välttää.
Mitä tämän sivuston nuoliin tulee, ongelma on se, että ovat liian huomaamattomia. Käytin pitkään sivustoa huomaamatta niitä lainakaan. Huomaamattomuus menee täällä liiallisuuksiin. Mitä ideaa on nuolilla, joita käyttäjä ei edes huomaa olevan olemassa? Eihän se ole hyvää käytettävyyttä! Toimintoja, joita on tarkoitus käyttää ei pidä mielestäni piilottaa ihan näin paljon.
Rullauksen ylikorostus jättää sivustot pysyvästi "kivikaudelle" ts. estää kunnollisen sivustosuunnittelun.
Se, että nuolet ovat tällä sivustolla aluksi piilossa, on hoidettu JavaScript + CSS -koodauksella. Minulta puuttuu JavaScript. En osaa sitä suoralta kädeltä koodata enkä ole etsinyt netistä sille koodia. jQuery + sopivat funktiot kyllä hoitaisivat asian.
Itsellä nuolet on ehkä liian voimakkaasti esillä, mutta minusta se on parempi vaihtoehto kuin tämän sivun nuolien kohdalla - on parempi, että huomaa toiminnon olevan liiankin korostetusti olemassa kuin että se jää kokonaan huomaamatta. Ominaisuus, jota ei huomaa, on merkityksetön.
Hover-efekti ei mobiilissa toimi vaan :hover toimii suurin piirtein samoin kuin :focus. Korostus tulee jälkikäteen ja se menee pois päältä vain näpäyttämällä. Tietokoneella hover-efektinä näkyvä toiminto pitäisi mobiilissa poistaa. Itsellänikin on mobiiliversioita ajatellen turhia hover-määrittelyjä.
Mobiilissa vain :focus on käyttökelpoinen lisäefekti ja se pitäisi olla vain tilanteessa, jossa se on järkevä. Onko nuolten hover-efektin näkyminen mobiilissa täälläkään järkevää? Tosin ei niitä oikein viitsi erikseen mobiiliin ja tietokoneversioon koodata.
. Vaan tuo sinun css sillisalaatti. Muutamat edelliset viestit lukemalla saa jo aikahyvän kuvan mistä ongelmaa kannaattaa etsiä.
