Kotisivu html5 ja css3 käyttäen (animoitu)

[systeemi]

Väkertelin tuossa aikani kuluksi hieman anoimoitua sääasemasivua. Kauhean raskas se vielä on ja raakile vaikkei oikein pahasti kesken. Sitä en tiedä julkaisenko tuollaisena koskaan, mutta mitä miettii kanssa foorumistit. Olisiko tälläisestä mihinkään??? Huom sivu on tehty ainoastaan firefoxin uusimmille versioille.

http://www.eeronkatu.fi/index3.php?page=steelgauge

[weatherc]

Ongelma nuissa on juuri se pirun raskaus/hitaus sekä se ettei tahdo toimia kuin FF:ssä ja Chromessa.
Aika tökkivä ainakin vielä tässä FF:ssä/läppärissä jossa 6G RAM:ia.

HTML5 on ihan kiva mutta niin kauan kun siitä ei saada yhtä nopeaa mitä "vanha" HTML niin ei tule lyömään leiville. Yhden boomin jonka olen huomannut on että varsinkin ulkomaiset lehdet käyttää jotain pirun hitaasti latautuvaa custom fonttia joka pirun ärsyttävää kun otsikot tulee minuutin sen jälkeen kun muu sivu...

[systeemi]

Olisi vaan niin mukavaa saada pientä animointia sivuihin. No tuo dock valikko kuitenkin tulee seuraavaan versioon mukaan.

Pitää se yrittää uutta tekniikka heti kun on vain mahdollista.

[khyron]

Olisi vaan niin mukavaa saada pientä animointia sivuihin. No tuo dock valikko kuitenkin tulee seuraavaan versioon mukaan.

Pitää se yrittää uutta tekniikka heti kun on vain mahdollista.

Suosittelisin animoinnin laittamista minimiin, häiritsee käyttöä, vaikka kivalta näyttääkin.

Ei nyt varsinaisesti liity tohon mut toinen mikä mua rassaa on graafeissa akseleitten automaattinen skaalaaminen, vaikeuttaa lukemista kun pitää erikseen katsoa mikä se skaala nyt tällä kertaa olikaan.

[J.Jäntti]

Olisi vaan niin mukavaa saada pientä animointia sivuihin. No tuo dock valikko kuitenkin tulee seuraavaan versioon mukaan.

Tuo dock-valikko on ihan toimivan oloinen ja jopa järkeväkin, mutta ainakin allekirjoittaneella se kävelee sivun muun sisällön tekstin päältä vain ikävästi. Kun sisältöä skrollaa alas saakka, jää sivun pohjalla oleva teksti dock-valikon alle niin, ettei sitä pysty lainkaan lukemaan. Tämän lisäksi rotan osoittimen siirtäminen tuohon dock-valikkoon saa valikossa olevasta kuvakerivistä osoittimen osoittaman kuvakkeen (ainakin omaan makuuni) ehkä vähän liiankin suureksi.

[systeemi]

Joo tuota valikkoa pitää vielä muokata ja olen vielä kahden vaiheilla siirränkö sen paikan jonnekkin muualle. Yläreuna tai vasen sivusta. Ettei tulisi tekstien päälle. Tuo suurenemis ongelma korostuu ja näyttää aika "p":ltä varsinkin pienen resoluution näytöissä (ainakin oma työmaa kone). Aluksi ajattelin että teen seuraavista sivuista sellaiset, ettei tarvitsisi kelailla olenkaan vaan kaikki mitä on näytöllä niin se on siinä. Ongelma vaan on se että tietoa on paljon niin sen mahduttaminen ilman scrollausta on mahdoton, tai tietoa pitäisi karsia mahdottomasti. Animointi jää kokonaan pois tässä vaiheessa....

No kiva vaihtaa ajatuksia että näistä saisi mahdoolisimman luettavia ja käytännöllisiä.

[J.Jäntti]

Joo tuota valikkoa pitää vielä muokata ja olen vielä kahden vaiheilla siirränkö sen paikan jonnekkin muualle. Yläreuna tai vasen sivusta. Ettei tulisi tekstien päälle. Tuo suurenemis ongelma korostuu ja näyttää aika "p":ltä varsinkin pienen resoluution näytöissä (ainakin oma työmaa kone).

Katselin tuota kokonaisuutta kannettavan koneen näytöltä, jonka resoluutio on 1280x800 ja ainakin siinä tuo dock-valikko hiiren osoituksesta meni aika suunnattoman kookkaaksi. Saako tuohon jonkun selitteen, mitä on valitsemassa? Klikkaamatta valikossa mitään, mentiin vähän arvailun puolelle, että "tuo taitaa olla salamatutkasivu ja tuo sää Suomessa ja tuo sää muualla maailmassa...".

Aluksi ajattelin että teen seuraavista sivuista sellaiset, ettei tarvitsisi kelailla olenkaan vaan kaikki mitä on näytöllä niin se on siinä. Ongelma vaan on se että tietoa on paljon niin sen mahduttaminen ilman scrollausta on mahdoton, tai tietoa pitäisi karsia mahdottomasti. Animointi jää kokonaan pois tässä vaiheessa....

Se onkin juuri tässä sivuston rakentelussa se suurin ongelma, että miten saada mahdutettua maksimimäärä tietoa ruudulle kerralla, jotta scrollaamista ei olisi, kuitenkin niin, ettei luettavuus kärsi. FinWX:n sääsivuston osalta se meni mahdottomaksi, joten pääasiallinen tieto jätettiin päällimmäiseksi ja lisätietoa tulee jos kiinnostusta on ja scrollaushalua sen verran löytyy. Ensin suunnittelin tekstikoon pieneksi ja ängin kamalan määrän informaatiota yhteen IFRAMEen, mutta lopputulos oli lähes lukukelvotonta ja vanhempi sukupolvi olisi kaksiteholasien lisäksi saanut pukea päähänsä vielä lukulasit ja käteen suurennuslasin jotta tietoa olisi voinut lukea, joten muutin sitä niin moneen otteeseen, kunnes siitä lopulta tuli sellainen, kuin se tänä päivänä on.

Itsekin mietin noita Steelseries-mittareita kaikille sääasemille näyttämään tietoja, mutta pidättäydyn ainakin vielä toistaiseksi tekstiversiossa, koska täytyy pitää mielessä myös muutkin, kuin Firefox- ja Chrome-käyttäjät ja luettavuus.
Siinä on muutama syy, miksen ole kajonnut HTML5:een vaan roikun edelleen kiinni jossain 3:n ja 4:n sekasikiössä.

[systeemi]

Niin onhan näitä versioita julkaistu jo jonkinmoinen määrä.+ julkaisemattomat. Nykyään käytössä oleva on omasta mielestä pelkistetty ja selkeä. Huonoa siinä taas on se että jotain? mitä puuttuu. Joo noihin valikkoihin saa tekstit ja lisään ne kunhan päätän lopullisen paikan.

[Snowi]

Juu aika isoiksi nuo animoidut valikot näyttää itsellekin avautuvan kun laittaa hiiren siihen. Tekstit niissä olisi vähintäänkin hyvä olla, vaikka osasin arvioida suurimman osan kuvakkeiden toiminnoista .

Itsekään en ole siirtynyt kovin animoituihin sivustoihin, sillä yritin pitää sivut mahdollisimman nopeina. Myös käytettävyys saattaa heikentyä, mutta tulevaisuus näyttää lisääntyykö animaatio sivustoilla.

[systeemi]

Pieni muutoksia tehty any comments?

http://eeronkatu.fi//index3.php?page=gauges-ssT-fi

ps. virheitä karsittu melkoisesti, mutta vielä niitä piisaa. Toimii kaikilla yleisimmillä selaimilla jopa IE9