Uusi layout

15.4.05 klo 18:20

Nyt koitti uusiutumisen aika ruusu.netille. Uusi layout on edessäsi. Sisältö on vanha sama, mutta se ei liene ongelma. En ollut enää tyytyväinen sotkuiseksikin kutsuttuun layoutiin, joten halusin tehdä selkeämmän ja helppokäyttöisemmän version. Lisäksi sivuston XHTML ei enää vastannut itselleni asettamiani tavoitteita. Uuden version suunnitteluun ja toteutukseen kului aikaa kuukauden verran.

Mitä täällä sitten konkreettisesti muuttui? Ensinnäkin päätin erottaa sisällönhallintajärjestelmän muusta sivustosta erilleen, sillä sen ylläpito sivuston osana oli kovin hankalaa. Kirjoitan tätä viestiä uuden uutukaisella RuusuCMS:llä. Uudistin myös XHTML-koodauksen pitäen mielessäni erityisesti saavutettavuuden. Lisäksi, koettuani otsikkorakennevalaistumisen, muutin koko sivuston otsikot paremmin standardia noudattavaksi.

Visuaalisesti hain jotakin kesäistä ja karheaa. Sen varmaan huomaattekin. Lisäksi sivustolla on nyt myös tyylitiedosto tulostusta varten. Olen testannut sen toistaiseksi vain IE:llä, sillä kotikoneessani ei ole toimivaa tulostinta. Firefox ja Opera eivät suostu esikatseluun ilman sellaista. Pyrin tarkastamaan printtiversion myös muilla selaimilla, kunhan pääsen toimivan tulostimen ääreen.

Suurimmat haasteet kehitysprosessissa tarjosi jälleen Microsoftin tuttu selainohjelmisto. Kaksinkertaistuvan marginaalin bugin lisäksi törmäsin mielenkiintoiseen ongelmaan, jossa edellisen elementin margin-bottom muuttui seuraavan elementin padding-topiksi. Jos tiedät mikä bugi on kyseessä, niin kerro toki, olen kiinnostunut tietämään.

Jos löydät sivuja jotka eivät validoidu tai jos selaimellasi esiintyy virheitä, toivoisin kuulevani asiasta palautteella tai kommenteissa.

Kommentit

  1. 15.4.05 klo 20:15 kuopassa

    Sivusto on suorastaan puhjennut kukkaan, joskin header näyttää lähinnä selleriltä. :-) Firefoxilla tekemäsi CSS-tiedosto tulostamista varten toimii oikein hyvin. (Tarkastin etusivun ja Gallerian maiseman esikatselu -toiminnolla.) CSS-tiedostoihinkin olet tehnyt mukavia kommentteja, joista varmaan on hyötyä heille (meille?) jotka katsovat pintaa syvemmälle.

  2. 15.4.05 klo 20:32 Riku

    Tämähän on suorastaan loistava! Hyvää työtä. :)

  3. 16.4.05 klo 18:29 Emil Virkki

    Oikein sydäntä lämmittää lukea tällaisia kommentteja. Kiitos :)

  4. 18.4.05 klo 12:18 Josku

    Muutama huomio: Mikäli CSS:issa määritellään joko taustaväri (background) tai tekstin väri (color) kannattaa aina asettaa molemmat saman tien. Lomake näyttää hassulta ilman tyylejä eli kannattaa harkita lomake-elementtien asettamista omiin lohkoihinsa. Myös tabindex näyttää puuttuvan. Hienoa jälkeä kuitenkin.

  5. 18.4.05 klo 13:54 Emil Virkki

    Perhana kun en tuota värijuttua huomannut. Pitäisi testata aina valkoista-mustalla-asetuksilla. Kiitos kun huomautit. Kunhan pääsen kotiin, niin laitan värit kuntoon. Lomake-elementtien lohkot pitää myös hoitaa. Tabindexiä en oikein ymmärtänyt. Mielestäni oletusarvoinen tab-järjestys on hyvä, vai onko jotakin mitä en ole ottanut huomioon?

  6. 18.4.05 klo 15:05 Josku

    Tabindexistä. Itse määrittelen ne lähes aina eli on niin selkäytimessä että pistää silmään kun ne puuttuvat :) Niiden käyttö helpottaa myös silloin, kun lomakekenttiä asetellaan visuaalisesti eri järjestykseen kuin mitä siellä pinnan alla on määritelty.

  7. 18.4.05 klo 15:17 Emil Virkki

    Pitää paneutua asiaan, kunhan aika antaa myöten :)

Kommentointi suljettu

Tämän merkinnän kommentointi on suljettu. Jos sinulla on tärkeää sanottavaa, laita palautetta.