Rollemaa.org uudistui – katso miten kaikki muuttui

Tulipas iltalehtimainen otsikko, mutta en voinut sille mitään, koska olen niin innoissani. Olin pitkään suunnitellut tätä uudistusta, mutta en vaan töiltäni saanut tehtyä mitään. Pääsiäisviikon olen kuitenkin lomalla, joten päätin ottaa projektiksi saada taustalla kytenyt uudistus valmiiksi.

Aloitin työstön lauantaina 12.4. puhtaalta pöydältä. Nyt on torstai 17.4. ja olen ”valmis” (lainausmerkit siksi, koska Rollemaa ei ole koskaan täysin valmis).

Edellinen Rollemaan WordPress-teema koodinimeltään ”Soil” oli rakennettu alunperin jossakin 2008-2009-taitteessa. Sen jälkeen olen jälkikäteen lisäillyt vähän sitä sun tätä, isoimpina uudistuksina responsiivisuuden ja HTML5-merkkauksen niiden tultua mukaan kuvioihin. Kaikki oli kuitenkin todella levällään. Tarkastellaanpa vielä miten vanha oli rakennettu:

• Alunperin XHTML Transitional
• Ei gridejä (niitä ei ollut vielä silloin juurikaan), kaikki koodi täysin omaa
• Ei valokuvia ulkoasussa, vaan omaa käsin toteutettua grafiikka
• Paljon vanhaa koodia ja javascriptiä
• Paljon kuollutta koodia, kuten mm. Woopra-seurantascripti, joka oli silloin ilmainen, nykyään maksullinen
• Vähän liikaa kaikkea kun tein lisäyksiä milloin mihinkin. Leiska ihan levällään.

Rollemaa on aina ollut blogi. Siksi halusin nyt painottaa enemmän tekstiin ja tehdä uudesta versiosta modernin, nykyisiä taitojani vastaavan, hieman ammattimaisemman ja ennen kaikkea selkeämmän.

Tämä Rollemaan versio on koodinimeltään ”New Era” ja pitää sisällään seuraavaa.

• Logon redesign
• Gridinä yksi lemppareistani, responsiivinen Bootstrap 3.1.1
• Pohjana oma Dude starter teema, joka pohjautuu _s underscoresiin. Ei pohjana vielä täydellinen, mutta hiljaa hyvä tulee.
• Typografia paremmassa roolissa, yksiköt enimmäkseen moderni ja joustava rem (emphemeral unit)
• Workflowna oma stackini wpstack-rolle, jota käytän töissäkin.
• CSS Authoring frameworkina Compass. SASS on ihanaa.
• Macbook Pro à Sublime Text 3, CodeKit ja kymmenen muuta elämää helpottavaa ja tekemistä nopeuttavaa sovellusta.
• Selkeämpi, parempi, upeampi, nopeampi.
• Artikkelikuvat keskiössä. Jos kuvaa bloggaukseen ei ole määritetty, näkyy satunnaisesti lempparikuvakokoelmastani.

Esteetön versio jäi nyt pois, koska sivusto on jo oletuksena melko esteetön (parantelen vielä). Koko versio oli peruja ajalta, jolloin ei esim. ollut responsiivisuutta vaan erillinen mobiiliversio sen sijaan. Hyvästi erilliset versiot, tervetuloa tulevaisuus!

Plugineiden määrä on enää kolmasosa, sillä koodasin itse asiat joihin ei alunperinkään olisi pluginia tarvinnut. Lisäksi optimoin joitakin plugineja, kuten leffasivuani. Osa kirjoituksista saattaa sisältää rikkinäisiä videoita tai lyhytkoodeja, jotka eivät toimi. Ilmoitathan näistä, jos en tajua korjata. Pitäisi ajaa ainakin [youtube-video]:lle joku mysql-search-and-replace.

Aiemmin oltiin maan kamaran alla, nyt ikään kuin tultu maan pinnalle. Silti edelleen Rollemaassa vallitsee lempparisäätilani: lämmin, kesäinen, mutta ei liian kuuma, vaan sateisen melankolinen. Tuulee kovasti niin että se näkyy ruohonkorsissa ja viljapelloissa. Tuuli on silti lämmittävä, samalla pieni sade hieman viilentävä. Taivaalla on tummia pilviä, mutta jostain tulee auringon pilkahdusta, lupaus toivosta. Tämä on ollut Rollemaan keskeinen filosofia aina, näin säätilametaforana kuvattuna.

Kuvat tekevät paljon ja täysi digitaaligrafiikka tuntuu olevan jo aika lailla kuollut. Siksi rakensinkin ulkoasun löytämäni kuvan ympärille. Hullua, että löysin juuri täydellisen kuvan. Voi olla, että vaihtelen kuvaa silloin tällöin.

Okei, ei tämä vielä ole 100%-valmis, sillä todo-listani sanoo että 81% on toteutettu. Ja noidenkin jälkeen tulee varmasti lisää, onhan tämä harrastukseni ja ikuisuusprojektini. Tämä on vasta ensilaunch ja uusi sivusto on vielä täysin testaamatta. Oikeastaan kaikki on kirjoitettu uudestaan.

Ei mitään hajua miten pelittää Internet Explorer -selaimilla tai esim. Operalla. Ei myöskään mitään tietoa miten toimii iPhonella. Testasin iPadilla ja HTC Onella nopeasti. Ilmoittelethan mahdolliset bugit. Vaikka tosin viilailen silti jatkossa aina kun jaksan. Spritet ja validointi pitäisi tehdä ainakin seuraavaksi jossain vaiheessa.

Artikkelikuvat ja kuvat muutenkin vanhemmissa bloggauksissa saattavat näyttää oudolta, ilmoitathan myös näistä, en kaikkea huomaa.

Ettei jäisi vain muistoihin elämään, tässä vielä liitteenä kuvia siitä miltä Rollemaa on näyttänyt aiemmin.

Mitä mieltä? kommentoi!

Piditkö tekstistä? Tarjoa kahvit!

Roni Laukkarinen

Kirjoittaja on 35-vuotias elämäntapanörtti, ammatiltaan yrittäjä ja teknologiajohtaja perustamassaan digitoimistossa, verkkosivujen tekijä, koukussa kirjoittamiseen 5-vuotiaasta. Päivät kuluu monipuolisen musiikkiharrastuksen, retropelien ja koodaamisen parissa, mutta arkea piristyttää myös vaimo ja kaksi lasta. Mastodon ja leffat lähellä sydäntä.

Lue Rollesta lisää