Vaihtoehtoja Bootstrapille

Julkaistu 8.6.2015
Heikki Kujala

Twitterin Bootstrap ja ZURB:n Foundation eivät ole ainoita responsiivisen web-suunnittelun alustoja. Vaihtoehtoisia alustoja ovat mm. Pure CSS ja Materialize CSS.

Pure CSS

  • Pure CSS on Yahoon kehittämä äärimmäisen kevyt responsiivisen web-suunnittelun alusta, jonka koko gzip-pakkattuna on vain 4,4 kilotavua.
  • Pure CSS sisältää hyvin vähän tyylejä ja komponentteja, mutta on Bootstrap ja jQuery yhteensopiva.
  • Pure CSS on beta-vaiheessa, uusin versio on 0.6.

Materialize CSS

  • Materialize CSS noudattaa Googlen kehittämän materiaalisen suunnittelun periaatteita.
  • Googlen Androidin käyttäjäkokemuksen johtaja Matías Duarte selitti materiaalisen suunnittelua. Materiaalia on fyysiset pinnat ja reunat. Saumat ja varjot tarjoavat tarkoittaa mitä voit koskettaa.
  • Materialize CSS tarjoaa väripaletin, joka nopeuttaa suunnittelua.
  • Materialize CSS:n ruudukko on joustava, määritellään prosenteilla.

Yhteenveto

Vaikka Pure CSS on kevyt, en tiedä käyttäisinkö sitä projekteissa. Koska komponentteja ja tyylimäärittelyjä on vähän, suunnitteluun ja kehittämiseen menisi paljon aikaa. Valmiit sivupohjat pelkkänä lähtökohtanakaan eivät ole niin hyviä kuin Bootstrapin tai Foundationin.

Materiaalinen suunnittelu haastaa viime vuosien trendinä olleen flat designin. Jos sivuston halutaan noudattavan materiaalisista suunnittelua, Materialize CSS tarjoaa hyvän alustan siihen.