Responsive

Mukautuvat web-tekniikat, eli responsive web on yksi suurimmista teemoista web-suunnittelussa tällä hetkellä.

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ää

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ää

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