Etsitkö helppolukuista ja esteetöntä versiota? Sen löydät tästä linkistä, tai kirjoittamalla osoitteen perään ?esteeton. Tämä viesti ei näy jos tyylitiedosto on sallittu selaimessasi.

Rollemaa muualla

Rollemaa on nyt responsiivinen

(Melkein responsiivinen). On pitkään pitänyt päivittää Rollemaan lähdekoodia 2010-luvulle. Se on nimittäin jämähtänyt jonnekin viiden vuoden taakse. Olen pitkin viikkoa koodaillut tunnin pari illassa CSS:ää ja HTML:ää uusiksi. Vuosien saatossa lähdekoodi on paisunut monimutkaiseksi, tökeröksi, huonoksi, ärsyttäväksi, [jatka tätä negatiivisella adjektiivilla]… media-queryni eivät ole lähellekään mitään kunnollista, ainakaan vielä, mutta periaattessa homman pitäisi toimia. Ihan pienin viewport ei jostain syystä skulaa kuten pitäisi, joku elementti vielä hankannee vastaan. Myöskään esim. kommentointisivua en ole tsekannut vielä ollenkaan. iPadilla ja suurempinäyttöisillä laitteilla sivujen pitäisi jo toimia melko hyvin.

Hiljaa hyvä tulee. Viimeistelen media-queryitä eteenpäin kunhan kerkiän. Saattaa bugittaa ja näyttää aika karulta aika ajoin, mutta en välitä. Voitte kyllä ilmoitella kohtia, jotka voisi tehdä praemmin. Äkkiseltään en esimerkiksi keksi millä media-querylla saisin mobiilinäytöille tuunattua kaikista parhaiten (löytyykö jostain hyvä ohje? kaiken olen tähän mennessä kokeillut itse). Onhan responsiivinen design itselleni aika uusi juttu, alle vuoden olen vasta ollut siitä tietoinen. Aika tuntuu olevan kortilla, mutta eipä tuo haittaa. Vähän kerrallaan.

Oli yhtä tuskaa muuttaa kaikki ne tuhat kiinteää pikselikokoa prosenteiksi tai heittää erillisiin media-queryihinsa. Jotain varmasti unohtuikin.

Voitte myös testailla iPadeillanne ja iPhoneillanne, minulla kun on ainoastaan tuo Android-puhelin tietokoneiden lisäksi.

Todo-listalla on vielä siis:

  1. Responsiivisen designin viimeistely
  2. CSS-tiedostojen täydellinen siivous (hävettää kaikki !important -määreet jotka olen laiskuuksissani lätkinyt)
  3. 8 uutta bloggausta luonnoksissa
  4. (ylläolevaan liittyen) ”tulossa Rollemaahan” -laatikko

Kirjoittaja on 24-vuotias elämäntapanörtti, noin 10 tietokoneen omistaja, addiktoitunut sosiaaliseen mediaan, Linux- ja Android-käyttäjä, hevimies, naimisissa kuurosokean kanssa. Harrastaa elokuvia, nettiä, musiikkia. Bloggaa mm. Internetiin ja tietotekniikkaan liittyvästä, metallimusiikista, elämästä. Toisinaan ottaa kantaa. Lisää tietoa →

5 kommenttia. Lisää omasi joukkoon?

  1. Hanki oma gravatar-kuvake.

    Suhteellisen hyvin toimii, kun vaakasuunnassa ipadilla selaa, mutta pystysuunnassa rivit eivät mahdu ruudulle. Tällä laitteella selailu olikin aiemmin hauskaa, kun jokin plugari heitti mobiiliversion, vaikka ihan oikeasta selaimesta on kyse. Osaa siis näyttää sivut siinä missä muutkin tietokoneet.

    Myöskään lähetys-nappi ei näy pystytilassa.

    1 Kirjoitti: Tomi, 9 kuukautta, 3 viikkoa sitten

  2. Hanki oma gravatar-kuvake.

    Kiitos palautteesta. Joo, en ole tarkemmin iPadia ajatellut edes vielä. Yksittäisen bloggauksen sivu ei toimi kunnolla vielä pienemmillä viewporteilla. Arkistoa ja infosivua en ole edes testannut, saattaa heittää häränpyllyä. Puhumattakaan muista selaimista. Miten etusivu toimii iPadilla? Mitä lähetys-nappia tarkoitat? Kommentin lähetys?

    2 Kirjoitti: Rolle, 9 kuukautta, 3 viikkoa sitten

  3. Hanki oma gravatar-kuvake.

    Etusivu toimii vallan mainiosti. Näyttää samalta kuin aiemminkin. Löysin kommentin lähetysnapinkin, se vain jäi ruudun ulkopuolelle.

    3 Kirjoitti: Tomi, 9 kuukautta, 3 viikkoa sitten

  4. Hanki oma gravatar-kuvake.

    Ok, hienoa! Ehdin jo säikähtää että etusivu ei toimi iPadin portrait-tilassa. Koska juurikin tämä yksittäisen bloggauksen sivu ei ole valmis. Tulossa… :)

    4 Kirjoitti: Rolle, 9 kuukautta, 3 viikkoa sitten

  5. Hanki oma gravatar-kuvake.

    Kehitin nyt myös tätä sivua, pitäisi toimia siedettävästi. Ajan kanssa viilauksia…

    5 Kirjoitti: Rolle, 9 kuukautta, 2 viikkoa sitten

Lisää oma kommentti

Tekstin muotoilu Vinkki: toimii myös kun maalaat tekstin!




Rollemaata tilaa yhteensä 121 lukijaa. Lue lisää.

Admin