Uuden ulkoasun palaute ja ongelmat

sarvinen kirjoitti:Olisiko kovin vaikea tehdä tuonne astuksiin kohta mistä valitaan että mitä ulkoasua käytetään puhelimella ja mitä tietokoneella?

Ei, mutta kahden täysin eri ulkoasun ylläpitäminen koko sivuston kattavana on liian työlästä, joten nyt vaan jatkokehitetään tätä yhtä versiota niin että se olisi myös puhelimella parempi.

Taustaan on otettu tänään uusi lähestymistapa. Te joilla on ollut aiemmin hidas, voisitteko avata tumman ulkoasun, päivittää sivun uudelleen (ctrl+F5) ja katsoa muuttuiko jälleen hitaaksi kuten eilen, vai onko nyt nopeampi?

Skrollaan vanhempaa ja uudempaa versiota tummasta vierekkäisillä sivuilla ja uudempi tahmaa enemmän. Ei kuitenkaan niin pahasti mitä aikaisemmin eilen ennen muutosta kevympään. Sellaisen asian huomaan, että kun tämä mukana liikkuva navipalkki lähteen mukaan, kun alkaa skrollaan sivun alusta, niin silloin skrollaus lagaa erittäin pahasti. Sama homma kun rullataan ylöspäin ja palkki menee selaimen yläreunasta kuvan alapuolelle, tahmaa pahasti.

Havainnollistan:

Eli rullaat ylöspäin, palkki ei jääkkään oikealle paikalle, vaan pysyy yläreunassa:



Sitten hetken kuluttua (200 - 300 ms) se menee oikealle paikalleen:



Ja juurikin tällä hetkellä lagaa ihan mahottomasti.

Jotta tilanne olisi mahdollisimman hankala, mä en saa tuota Operalla toistumaan, eli tuollaista viivettä palkin sijoittelussa ei mulla ole.

Poistan taas taustagradientit ja pohditaan lisää. Ctrl-F5 tuo takaisin taustan ilman hifistelyitä.

No voihan vitalis, sitten voidaan puhua rautapuolen tehottomuudesta?

Mielenkiintoista, että taustagradientti vaikuttaa tuohon navigaatiopalkin liikkumiseen ja sen lagiamiseen. Ilman taustahifistelyä ei mitään ongelmaa tuon palkin kanssa.

En oikein usko sitäkään. Oma koneeni on vanha Core 2 Duo 2,5GHz, jossa muistia 4 Gt ja ihan perus näytönohjain, joten aikalailla samalla viivalla pitäisi olla. Tosin mulla ei ole selaimissa juuri mitään plugineja, paitsi Firefoxin Firebug.

EDIT: Jos tuo taustagradientti sen tekee, niin sitten voi johtua rautakiihdytyksen puutteesta. Nykyaikaisten selainten kun pitäisi tehdä nuo CSS-kikkailut rautakiihdytetysti, mutta sinulla ei varmaankaan sitten tee.

Hmm, enpä hoksannut kokeilla muilla selaimilla tuota. Jos viittit laittaa taas hifistelyt päälle, niin saadaan ainakin tässä päässä selville, että onko se jokaisessa selaimessa ongelmana.

Gradientti taas päällä, ja jätän sen huomiseen asti niin muutkin voivat kommentoida (tulee esiin ctrl+f5 jos ei muuten näy). Firefoxissa tuo ei nyt näköjään toimi, mutta ainakin Chromessa toimii.

Jos aiheuttaa suuria ongelmia niin vaalea leiska pelastaa.

Jassoo, eroja on.

IE 64-bit ja IE 32-bit pelaa parhaiten, sanoisinko selvää tahmaamista ei ole havaittavissa siinä, kun palkki jää yläreunaan tai palaa omalle paikalleen. Varsin smoottia toimintaa.

Chromessa on aavistuksen lagia, mutta kuitenkin ei eroa siihen, kun Operalla surffasi ilman gradienttia, eli ihan siedettävää.

Noh, Operahan tökkii sitten reilusti enemmän.

FF tökkii myös, lähestulkoon samalla tavalla, mitä Opera, vaikkei FF:ssä toimi gradientit.

Kun JavaScriptin ottaa pois käytöstä Operassa, homma pelaa kuin unelma.

Navigaatiota on nyt muokattu niin, että se ei ole kellään enää niin smoothi kuin ennen, vaan se pomppaa scrollauksen mukaan hieman viiveellä. Tämä viive tekee homman selaimelle kevyemmäksi, joten olisiko tämä tehnyt nyt muuten scrollaamisesta sulavampaa niillä käyttäjillä joilla se aiemmin tahmasi?

EDIT: Sain nyt vihdoin asenneltua itsellekin smooth scroll pluginit selaimiin, mutta sikäli myöhäistä nyt kun ongelma on ehkä jo korjaantunut. Joka tapauksessa nyt ainakin mulla scrollaa oikein jouhevasti myös pluginit päällä.

Toi tausta on ihan nätin täkönen nyt ja ei lagi eikä oo kyllä koskaan mulla laginutkaan.

Kuten sanoin aikasemminkin, mobiilisivusta en pidä, joten tässä joitan ajatuksiani. Anteeksi kun nuo kuullostaa jotenkin tylysti kirjoitetulta, tarkoitus ei ole olla tyly. Tietokoneella sivusto toimii hyvin!



Näin motot.net näkyy oletuksena minulle, kun vain avaan ko. sivun.

Etusivulla fontti on turhan isoa, näyttää tältä.

Kun zoomaan ulos niin paljon kuin pystyn, näkyy sivu näin.




Asetukset sivulla tekstit sekavasti, ja päällekkäin.

Onko tuo selain opera mini vai opera mobile? Tekeekö se jotain sotkemista sivustolle jonkin välipalvelimen avustuksella? Tuolta sivun ei nimittäin pitäisi näyttää.

Etusivun fontteja ja fontteja muutenkin pitää vielä optimoida mobiilikokoon...

No otetaas tästä muutama ehdotus.

Ensinnäkin Omat asetukset sivu on karun viimeistelemättömän näköinen kokonaan. Valkoisella pohjalla nappeja ja kenttiä ilman senkummempaa tyylittelyä. Yksityisviestien listauksessa on myöskin tyylityksessä vähän mietittävää.


Tabit ei meinaa erottua kunnolla, jää helposti huomaatta kokonaan. Jotain väriä taustaksi?


Ystävät-lista vain... Törröttää tuossa. Ainoana tyylityksenä poikkiviiva jolla erotetaan paikalla olijat. Jotain ruutua ympärille ja taustaa eriväriseksi?



Foorumin taustassa taas värisävy räjähtää ja siinä ilmenee pykälä.


Seurattuja/kirjanmerkkejä selatessa jos postaajalla on vähänkin pitempi nimimerkki, räjähtää listaus kahdelle riville ja tekee topikkien selauksesta jättimäisen epäselvän luettavan. 6 merkkiä on maaginen raja nimen pituudessa, se on viimeinen joka mahtuu räjäyttämättä leiskaa. 7 siirtää koko lastpost-elementin seuraavalle riville.


Foorumin leveys noin yleensäkkin.

24" FullHD lätyllä aneemista selata kun sivun leveydestä puolet on tyhjää ja foorumilla kaikki on niin ahtaasti pakattua keskelle. Leventää ei tarvitsisi paljoa, liika leveys tekee taas paskan luettavan. span9:ssä tulee maksimileveys näemmä 870pikseliin niin tämänkokoisella ruudulla ja resoluutiolla kun sen nakkasee tuhanteen pikseliin, näyttää foorumi ihan hyvältä luettavuuden kannalta.


Selain Chrome 21.

Ymmärsin että talli+galleria on vielä työn alla ulkonäköpäivityksen alla? Sieltäkin löytyy valittamisen aihetta nääs... Varsinaista sivuston toiminnallisuutta en ole vielä useammalla vempeleellä testannut kun ei mitään erityisiä vikoja ole vastaan tullut.

Sami kirjoitti:Onko tuo selain opera mini vai opera mobile? Tekeekö se jotain sotkemista sivustolle jonkin välipalvelimen avustuksella? Tuolta sivun ei nimittäin pitäisi näyttää.

Etusivun fontteja ja fontteja muutenkin pitää vielä optimoida mobiilikokoon...

Ainiin piru, operahan pyöräyttää kaiken liikenteen omien palvelimiensa kautta nopeuttaakseen tai jotain. Näin olen kuullut.
Kokeilin puhelimen omalla selaimella, ja sivuhan oli loistavat! Fontin kokokin ihan ok!
Eli tuo selain on se joka kusee, mutta jokainen varmaan tietää että mitä tuskaa se on tuon alkuperäisen selaimen kanssa. Näin ollen vanhalla ulkoasulla mennään. Ellet osaa heittää jotain nopeaa ja toimivaa selainta halppisandroidiini?