Web-design

Mobiilit käyttöliittymät, selainkäyttöiset sivut. Web-projektien myynti, haltuunotto, johtaminen. Frontend-koodi HTML/CSS -tasolla ja UI/UX -suunnittelu. Siinä tärkeimmät kiinnostuksenkohteet web-suunnittelun tiimoilta.

Using the Adobe Illustrator as web design tool

03/02/2014

Oh, the Illustrator. I have some sort of love-hate relationship with that program. Compared to its older and more mature brothers Photoshop and InDesign, the user interface just lacks that something. Illustrator has always been the difficult app to master and to really do something productive. But it’s also been pretty much the only real vector app.

I have quite a long history in printing media, where Illustrator was some sort defacto-tool for any vector-image use case. In the era of web design, the Illustrator has gone to one of those rarely used programs. But times they are a changing.

Lue lisää

Prepros – Haml- ja Less-tulkkausta Windowsille

01/10/2013

Web-fronttia tehdään HTML-kielellä, ja tyylitys CSS-kielellä. Nämä tosiasiat eivät ole muuttuneet, vaikka erilaiset sovellukset ja modernit tekniikat ovat yleistyneet.

Modernin webin kehittämisen kulmakiviä ovat nopea kehitys ja koodin ylläpidettävyys. Jos esimerkiksi HTML-koodi on heikosti sisennetty, on sen tulkitseminen ihmiselle vaikeaa mikä hidastaa muutosten tekemistä. Samoin, jos kaiken tekstin väriä haluttaisiin muuttaa CSS-tiedostossa, pitäisi muutos ehkä tehdä moneen eri paikkaan.

Lue lisää

Web on jatkossa yhä enemmän ryhmätyötä

05/08/2013

Web muuttuu mukautuvaksi, eli responsiiviseksi. Sivusto toimintoineen ja sisältöineen kannattaa rakentaa toimimaan eri päätelaitteissa ja erikokoisilla näytöillä.

Tämä muuntaa tapaa tehdä sivustoja. Koko nettisivun ulkoasun rakentaminen muuttuu: emme enää suunnittele pikselintarkkuudella Photoshopissa ja ylipäätään asettelemme vähemmän täsmällisesti ja enemmän suhteellisilla mitoilla.

Lue lisää

Uusi portfolio-sivu Foundation4:n päälle

01/07/2013

Olen ollut muutaman vuoden niin kiinni erilaisissa web-hankkeissa ja muissa töissä, että en ole ehtinyt omaa web-sivustoani päivittämään. Nyt kesälomien kynnyksellä tähän viimein tuli aikaa, ja käytinkin pari päivää uuden sivustoni kehittämiseen.

Lue lisää

Arkkitehdille responsive-sivu

01/05/2013

Webin tekeminen on mielenkiintoista. Juuri kun olit oppinut jotain uutta, ja luullut että nyt osaat kaiken, tuleekin nurkan takaa uutta tekniikkaa.

Muutamia vuosia sitten luovuttiin tauluikoista asettelun rakentamisessa, ja kehittäjät opettelivat float:left;:n ja muun CSS:n ihmeellisen maailman.
Lue lisää

Mukautuvaa mobiilista suurille näytöille : Paperi ja puu

01/03/2013

Tein suomen metsäteollisuuden tilaa ruotivalle Paperi ja Puu -lehdelle ulkoasun ja frontend-koodin. Sivusto julkaistiin WordPress-järjestelmän päällä.

Paperi ja Puu -sivustolla on kokonaista neljä breakpointtia, mikä teki teknisestä toteutuksesta hieman mutkikasta. Sivusto opetti myös mobiililaitetestauksen tärkeyden, sekä yksinkertaisten mutta toimivien ratkaisujen arvon.

Paperi ja Puu - mukautuva web.

Sivusto löytyy täältä: www.paperijapuu.fi