960 Grid System web-kehityksen apuvälineenä

Web-sivujen asettelua helpottamaan kehitetty 960 Grid System on CSS-kehys, joka on saavuttanut suurta suosiota web-kehittäjien keskuudessa. Nathan Smithin kehittämä työkalu nopeuttaa merkittävästi web-sivuprototyyppien kehitystä ja se soveltuu myös hyvin käytettäväksi lopullisessa tuotantoympäristössä.

Ennen CSS3:n tuloa monipalstaisten web-sivujen luominen oli työlästä erityisesti monimutkaisten sivulayoutien tapauksessa ja käytännössä vaati palstanleveyksien manuaalista laskemista. 960 Grid System vapauttaa web-kehittäjät tästä päänsärystä tarjoamalla nopean ratkaisun monipalstaisen sivulayoutin luomiseen. Nimensä mukaisesti työkalu pohjautuu 960 pikselin sivuleveyteen ja on saatavilla 12- ja 16-palstaisina versioina. Erityisen tarkkaa asettelua vaativille sivustoille on tarjolla myös 24-palstainen versio. Syy miksi kehys pohjautuu juuri 960 pikselin sivuleveyteen on luvun 960 jaollisuus monella kokonaisluvulla, minkä takia se soveltuu erityisen hyvin erikokoisten palstojen ja niitä erottavien marginaalien toteuttamiseen.

Sen lisäksi että työkalusta on saatavilla CSS-tiedostot varsinaista web-kehitystä varten, tarjolla on myös esim. Photoshop-, Visio-, Fireworks- ja InDesign-sivupohjat graafista suunnittelua varten. Tämä helpottaa myös osaltaan sivujen toteutusta, jos sivujen graafinen suunnittelukin on tehty 960 Grid System:iä käyttäen.

Vaikka 960 Grid System mahdollistaakin nopean monipalstaisten sivulayoutien luomisen, niin se myös pakottaa siihen pohjautuvat sivustot samaan kaavaan ja saattaa näin ohjata sivuston suunnittelua tiettyyn suuntaan ja rajoittaa luovuuden käyttöä suunnitteluprosessissa. Toinen työkalun heikkous on sen staattisuus ja sidonnaisuus 960 pikseliin. Kaikkien sivuelementtien koko on rajoitettu, ja tämän takia kokojen muuttaminen voi helposti rikkoa layoutin. 960 Grid Systemin rajat tulevat myös vastaan mikäli tulee tarve saada sivun layout hyödyntämään koko näytön tarjoama tila tai on muuten vaan tarve toteuttaa 960 pikseliä leveämpi sivulayout. Nämä ongelmat tulevat tulevaisuudessa korostumaan näyttöjen kokojen ja resoluutioiden kasvaessa entisestään.

Nämä eivät tosin ole pelkästään 960 Grid Systemin ongelmia, vaan yleisestikin "gridi"-pohjaisen suunnittelun luontaisia heikkouksia. 960 Grid Systemin lisäksi muitakin vastaavanlaisia CSS-kehyksiä on olemassa, esim. Blueprint, ja jokainen voi myös itse generoida itselleen parhaiten sopivan version verkosta löytyvillä työkaluilla, esim. Grid Designerilla.

Puutteistaan huolimatta 960 Grid System on erinomainen työkalu ja sopii hyvin käytettäväksi monien web-sivustojen pohjaksi. 960 Grid System on kaksoislisensoitu sekä GPL- että MIT-lisensseillä, mikä takaa kehyksen vapaan käytön lähes kaikisssa tilanteissa.

Myös Goforen uudet www-sivut on toteutettu 960 Grid Systemiä hyödyntäen.

Henri Heiskanen Henri Heiskanen on tutkimus- ja kehitystaustan omaava ohjelmistokehityksen ammattilainen joka on osallistunut useisiin vaihtelevankokoisiin ohjelmistoprojekteihin liittyen useisiin eri toimialoihin. Heiskasen ydinosaaminen painottuu web-teknologioihin, erityisesti selainohjelmointiin ja käyttöliittymäteknologioihin.