Twitterin Bootstrap

Olen tässä muutaman päivän ajan pyöritellyt Twitterin Bootstrap-kirjastoa. Verkkosovellusten kehittäjät löytävät kirjastosta oivallisen työkalun erityisesti sivuston ulkoasun toteutukseen. Bootstrapin ehkä vahvin ominaisuus on pitkälle kehitetty Grid System eli ruudukkojärjestelmä. Sivujen taittoon on ilmestynyt viime vuosina lukuisia erilaisia ruudukkojärjestelmiä, joista tunnetuimpiin lukeutuu paljon käytetty 960 Grid System. Twitterin ruudukko on mielestäni vielä kehittyneempi, sillä sen käytössä ei tarvita 960-järjestelmässä tuttua clear-luokkaa. Twitterin ruudukossa rivit kiedotaan esimerkiksi div-elementin sisään ja elementti määritellään riviksi yksinkertaisesti row-luokalla. Sivulla olevien vuorovaikutuselementtien ja komponenttien asettelu onkin sitten tämän jälkeen helppoa. Ruudukkojärjestelmät helpottavat sivustojen taittoa, mutta tekevät niistä kovin tasapaksuja palstoineen ja ennalta määriteltyine leveyksineen.

Bootstrap muotoilee monen yleisen elementin typografian ja tarjoaa monipuoliset työkalut median esittämiseen sivulla. Näiden herkkujen lisäksi perustaulukot eli table-elementit kokevat positiivisen muodonmuutoksen. Toinen Bootstrapin hyödyllinen ominaisuus kohdistuu lomakkeisiin ja niiden syöttöelementteihin. Tämän kirjaston avulla lomakkeiden laatiminen helpottuu entisestään ja usein työläiksi koetut säätelemiset vähenet. Sovelluskehittäjä löytää kirjastosta lisäksi monipuoliset työkalut navigointiin ja valikoihin liittyviin tehtäviin. Twitterin Bootstrap on melkoinen työkalupakki, jonka ominaisuuksia hätyyttelee lähinnä jQuery UI -käyttöliittymäkirjasto liitännäisineen.

Julkaistu lauantaina 21.1.2012 klo 18:12 Sivustot-luokassa avainsanalla ohjelmointi.

Edellinen
Tavallinen päivä pörssissä
Seuraava
Herra presidentti