bclose

Bootstrap, un framework html / css de Twitter per a desenvolupadors!

twitterBootstrap

Bootstrap, un framework html / css de Twitter per a desenvolupadors!

Des de fa un parell de mesos està disponible a http://twitter.github.com/bootstrap/ un framework per al desenvolupament de front-end utilitzant CSS3 i HTML5, amb una altíssima compatibilitat amb navegadors i mínim pes.

Què és?

Es tracta d’un conjunt de recursos (estils tipogràfics, elements de formulari, botons, taules, barres de navegació, i més) què, si bé no usaríem en les interfícies d’un lloc web públic, bé podem utilitzar-les en el disseny d’administradors, aconseguint una empremta molt professional i economitzant temps de disseny i maquetat.

Ha estat desenvolupat per Twitter que recentment va alliberar la seva versió 2.0. El major avantatge és que podem crear interfícies que s’adaptin als diferents navegadors (responsive design) recolzant-nos en un framework potent amb nombrosos components webs que ens estalviaran molt esforç i temps.

Encara que té alguns usos que es cobren, és essencialment gratuït. Per què Twitter és tan generós amb els desenvolupadors? Com monetitza aquest projecte?

Tenim algunes suposicions:

En obrir-lo al públic espera rebre millores per part de la comunitat desarrolladora.En una indústria on cada vegada hi ha menys vocació per pagar certes coses, la marca Twitter s’anota un tant “imagen friendly”.

Característiques principals de Bootstrap

Bootstrap ofereix una sèrie de plantilles CSS i fitxers Javascript que ens permeten integrar el framework de forma senzilla i potent en els nostres projectes webs.

  • Permet crear interfícies que s’adaptin als diferents navegadors, tant d’escriptori com tablets i mòbils a diferents escales i resolucions.

  • S’integra perfectament amb les principals llibreries Javascript, per exemple JQuery.

  • Ofereix un disseny sòlid usant LESS i estàndards com CSS3/HTML5.

  • És un framework lleuger que s’integra de forma neta en el nostre projecte actual.

  • Funciona amb tots els navegadors, incloent-hi Internet Explorer usant HTML Shim perquè reconegui els tags HTML5.

  • Disposa de diferents layout predefinits amb estructures fixes a 940 píxels de diferents columnes o dissenys fluids.