Pientä hienosäätöä ulkonäköön

[weatherc]

Oikeastaan Klaukkalan lookista innostuneena tuumasta toimeen.  

Tosiseikka tosin ollut se että osa sivuista ovat olleet kun kenkälusikalla pakotettu sopimaan sivulle, esimerkkeinä tutka, GFS-kartat ja US Air Forcen ukkosennustekartta, joissa kuva oikeasti ollut leveämpi kun mitä tila antoi myöten.

Omasta mielestä myös osa sivuista tuli pikkasen sekavan näköiseksi sivupalkin takia. Sivupalkkia tarvittiin oikeastaan yhteen asiaan pääasiassa, navigaatio. ja tässä se iso ongelma, sivuja on niin paljon että kaikki eivät mahdu yhteen riviin vaaka-navigaatioon joten jos haluaa vaakatasossa olevan navigaation se vaatii jonkunlaista dropdown-systeemiä.
Pienen haun jälkeen löysin sellaisen jossa alas tippuva boxi on enemmän normi div-laatikon näköinen niin ulkonäöltä kuin myös rakenteeltaan, eli siihen voi rakentaa sub-osastoja oman maun ja mielen mukaan. Vastaavia olen nähnyt mm. eräitten lehtien sivuilla.

Samalla tuli rymhmittely selkeämmäksi; päälokeroina kuten ennekin sääasema, nwn ja toplista. Sääaseman ostastoiksi tuli
sääasema, tutka, sääennusteet, kartat, virtuaalivoimala ja muut.

Myös yläbanneri koki muodonmuutoksen ja paluun, kuva muuttuu clientraw:n antaman ikoninumeron perusteella, kuvia on valmiina 8 kappaletta eli yleisimmät kesäsäät, lumet ja loskat puuttuvat vielä mutta niitä nyt ei toivottavasti tarvitakkaan muutamaan kuukauteen  

GFS-osasto saa isommat 900px leveät kartat sekä 3 uutta karttaa, Surface CINH, 180-0mb CINH ja 180-0mb CAPE -kartat. Myös se missä pystyy valikoimaan kartan muutui +xx:stä timelineksi (mallia Sääkeskus), näin kaikki mahtuu yhdelle riville sekä autoplay poistettu käytöstä, nyt pitää painaa play-nappia jos haluaa että "animaatio" alkaa.

Ukkostutkan kuvaa pikkasen hienosäädettiin yleisöpalautteen perusteella jotta erottuisi paremmin täplät ja muut tillpehöörit.  

[Snowi]

Tietenkin nettisivutkin voivat olla makuasioita, mutta itse tykkään todella paljon tuosta lookista, jossa tuo navigointivalikko on tuolla ylhäällä. Tekee sivusta jotenkin vielä selkeämmän. Toisena hyvänä puolena on tosiaan tuo sivun tilan kasvaminen leveyssuunnassa, kun sivubaari ei vie enää tilaa.
Ongelmana on tietenkin päävalikon rajallinen tila leveyssuunnassa ja silloin sivuja täytyy väkisinkin lajitella joihinkin alavalikkoihin. Itsellä on juuri tuo ongelma, kun päävalikko on nyt jo täynnä. Olen myös huomannut että noita päävalikon sivuja tietenkin klikkaillaankin kaikkein eniten, joten sinne pitää saada osuvimmat sivut.

Ei voi kuitenkaan muuta sanoa, kuin että erittäin hyvältä näyttää 
Itsekin olen miettinyt noita alavalikoita uusiksi, sillein että tulisivat näkyviin kun laittaa hiiren päävalikossa olevan sivun kohdalle, silloin pystyisi tavallaan yhdellä silmäyksellä näkemään kaikki sivuilla olevat sivut. Tuo sinun lookkisi noissa alavalikoissa olisi todella hyvä, koska olet luokitellut vielä siinäkin noita linkkejä, kuten esim. tuon "Muuta" valikon kohdalla.

[weatherc]

Se siinä just onkin että on sitten sivubaari tai yläbaari niin on pakko jakaa sivut ainakin osittain alavalikkoihin. Olen aikasemminkin tutkaillut yläbaari-vaihtoedhtoa mutta aina törmännyt tilapuutteeseen leveyssunnassa.
Fakta on se mitä mainitsitkin, eniten klikataan niitä linkkejä mitä näkyvät suoraan, ovat sitten valikossa tai sivulla yleensä joten suosituimmat sivut (kuten sääennuste ja tutka) tarvitsevat "suorat" linkit. Alunperin tuon skriptin päälinkit, eli nimet johon hiiri laitetaan että laatikko ilmestyy, eivät johtaneet mihinkään (href="#") mutta muutin ne siten että johtavat esim. juuri tutkan sivulle joten toimivat myös "pikalinkkeinä".

Suurin osa noista yläbaari-skripteistä mitä tutkailin ovat sitä perinteistä missä alavalikon linkit laitetaan peräkanaa listaan ilman että niitä sen kummemmin pystyy muokkaamaan kunnes löysin tuon missä alavalikon linkit ovatkin omassa "laatikossa" ja itse laatikkoa pystyy muokkaamaan miten haluaa ja laittaa otsikon ym.
Se on (yllätys) jQuery-pohjainen mutta todella selkeä koodiltaan ja jos vertaa esim. vanhan sivubaarin koodiin (joka oli kotoisin CL-templatesta) koodin määrä pieneni kummasti myös CSS-filussa. Toisaalta jQuery on siitä hyvä että sillä saa astettua mm. viivästykset laatikkoiden näkyvyyteen, nyt taitaa laatikko pysyä näkyvissä 500ms sen jälkeen kun hiiri on siirretty pois.

Googlen kannalta nuo alavalikkoiden otsikot ovat hyviä koska silloin saadaan taas pari asiasanaa h-tagin sisään lisää koodiin