Probando Bootstrap 3

Por Daniel Segura

www.daniel-segura.com (eternamente en construcción)

hola@daniel-segura.com

¿Qué es Bootstrap 3?

Boostrap es un framework desarrollado por la gente de Twitter y liberado a la comunidad; nos permite desarrollar sitios web responsive e interfaces de forma rápida combinando CSS, HTML5 y Jquery.

¿Framework, librería?

La mitad de las personas lo llama framework, la otra mitad le dice librería.

Convención San Fernando

No todo es perfecto (1/2)

Asuntos a tener en cuenta:

• Si bien es cierto la curva de aprendizaje es suave, debemos adaptarnos a su nomenclatura y sintaxis.


• Debemos adaptar nuestro diseño al grid de 12 columnas, aquí entra el trabajo en equipo entre diseñadores, programadores, etc. (Si queremos personalizar el sistema de columnas lo podemos hacer en los archivos less).

No todo es perfecto (2/2)

Asuntos a tener en cuenta:

• "Todos los sitios web en Bootstrap son iguales" (Bootstrap es una herramienta para estructurar sitios web; si queremos personalizarlo debemos trabajar el CSS, el diseño y sus componentes (Tipografía, iconos, imagenes, etc).


• Falta de semántica en las clases, excesivo uso de clases (lo podemos personalizar en los archivos less).


• Para modificar los estilos muchas veces tenemos que hacerlo directamente en el DOM.

Un par de consejos

• Aprender el uso de preprocesadores CSS.


• ¿No usarás todos los componentes? No todos los desarrollos necesitan la gran variedad de herramientas que Bootstrap te permite utilizar; por ello podemos personalizar nuestros archivos de descarga.

¿Te interesó un poco?

Recursos para entrar más en materia:

• Bootstrap, sitio web oficial
• LibrosWeb - Bootstrap 3, el manual oficial (Castellano)
• BlackTie.co - Sitio web de plantillas Bootstrap
• Bootply.com - Editor online de Bootstrap, HTML, CSS y JS
• StarBootstrap.com - Sitio web de temas y plantillas

También viene:

Bootstrap y desarrollo de temas bajo Wordpress

¿Preguntas? ¿Comentarios?
¿Chelitas??

¡Gracias!