Disseny web

Què és Bootstrap? principis bàsics

Bootstrap, un dels frameworks CSS més famosos i un dels més utilitzats.

Drauta agencia digitalDrauta

boostrap

Boostrap 3 i els seus avantatges

Inicialment creat com una solució interna per twitter i posteriorment alliberat al públic a l'agost del 2011 com un projecte Open Source a GitHub, en els mesos següents al seu alliberament la comunitat va recolzar activament aquest projecte fins convertir-lo en el que és avui "the most popular HTML , CSS, and JS framework for developing responsive, mobile first projects on the web. "

El web ha anat evolucionant de manera accelera i al seu torn el desenvolupament d'aquesta ha anat tornant-se un tant més complex. Per això han aparegut una àmplia varietat de frameworks que ens fan la vida més senzilla, alguns molt útils i altres no tant. Avui parlarem d'un framework en específic anomenat Bootstrap.

Bootstrap 3 és un framework molt útil en el desenvolupament de llocs web. Una de les seves principals característiques, que de segur et animaran les a utilitzar, és la rapidesa amb la que creguis un lloc web: en menys d'un dia et pots assegurar amb més del 50% del desenvolupament del mateix.

És de codi obert, de fàcil accés per a disposar del seu codi i començar a treballar en el teu lloc web; amb Bootstrap 3 pots usar i personalitzar de manera senzilla tots els seus elements (com les Barres de Navegació, Formularis, Taules, Botons, Glyphicons, etc.).

Les interfícies que arribes a crear amb Bootstrap 3 són de gran usabilitat, i el que és millor: disposes d'un sistema grid de 12 columnes que porta per defecte per distribuir molt bé tots els elements que vulguis col·locar en el teu lloc web, a més, et interessarà saber que fa servir responsive web design, tots els elements que porta Bootstrap 3 s'adapten perfectament als teus dissenys sobre qualsevol dispositiu mòbil, el que és molt important, ja que la majoria dels llocs que fan servir responsive web design generen conversió.

Tot i oferint totes les possibilitats que ofereix Bootstrap a l'hora de crear interfícies web, els dissenys creats amb Bootstrap són simples, nets i intuïtius, això els dóna agilitat a l'hora de carregar i al adaptar-se a altres dispositius. El Framework porta diversos elements amb estils predefinits fàcils de configurar: Botons, Menús desplegables, Formularis incloent tots els seus elements i integració jQuery per oferir finestres i tooltips dinàmics.

Boostrap facilita la maquetació de llocs web, a més de ser compatible amb preprocesadores com Less i Saas, ens ofereix les eines perquè el nostre lloc web es vegi bé en tota classe de dispositius, estalviant-nos així el treball d'haver de redissenyar un lloc web.

El benefici d'usar responsive design a un lloc web, és principalment que el lloc web s'adapta automàticament al dispositiu des del qual s'accedeixi. El que es fa servir amb més freqüència, i que a la meva opinió personal m'agrada més, és l'ús de mitjana queries, que és un mòdul de CSS3 que permet la representació de contingut per adaptar-se a condicions com la resolució de la pantalla i si treballes les dimensions de la teva contingut en percentatges, pots tenir un web molt fluïda capaç d'adaptar-se a gairebé qualsevol mida de forma automàtica.

Per utilitzar Bootstrap en els nostres projectes podem fer-ho de diferents maneres, ja sigui afegint el codi CDN al nostre HTML per usar-lo de manera remota, descarregant bootstrap de la seva pàgina web o usant alguna de les altres opcions que ens mostra.

Boostrap és compatible amb la majoria de navegadors web del mercat, i més des de la versió 3, actualment és totalment compatible amb els següents navegadors:

  • Google Chrome (en totes les plataformes).
  • Safari (tant en iOS com en Mac).
  • Mozilla Firefox (en Mac i en Windows).
  • Internet Explorer (en Windows i Windows Phone).
  • Opera (en Windows i Mac).

Vols començar un nou projecte amb nosaltres?

Necessites un servei per a la teva web? Descobreix com et podem ajudar i no dubtis en contactar amb nosaltres.