En un artículo previo hablamos sobre Symfony2 y explicamos las ventajas de utilizar un framework para agilizar el proceso de programación de una aplicación. Sin embargo, también existen soluciones especialmente orientadas a desarrollo front-end, es decir, el que involucra la capa del sitio visible para el usuario.
Una de ellas es Bootstrap, un framework desarrollado por Twitter que, a partir de módulos implementados en HTML/CSS y JavaScript, brinda una base sólida para maquetar sitios web multiplataforma de aspecto atractivo. Bootstrap incluye muchos elementos de gran utilidad listos para usar, como botones, menús desplegables, formularios, etiquetas, tipografías y barras de navegación, entre muchos otros. Pero no se trata simplemente de «copiar y pegar» lo que ya está hecho, sino que podemos modificar el aspecto visual o el funcionamiento de estos componentes para adaptarlos a nuestras preferencias.
Bootstrap combina diversas tecnologías:
- HTML5 Shiv. Algunas versiones de Internet Explorer no muestran ciertos elementos de HTML5. Esta solución consiste en imitar esos componentes con JavaScript, de manera que sean reconocidos por cualquier navegador.
- Normalize.css. No todos los navegadores interpretan de la misma forma los estándares de CSS. Normalize.css nos ayuda a mejorar nuestros estilos para que nuestras páginas se muestren igual en todas las plataformas posibles.
- OOCSS. CSS orientado a objetos. Permite reutilizar comportamientos de distintos elementos de página, a través de un mecanismo similar al de las clases de la programación orientada a objetos. Esto reduce la repetición de código y hace que nuestras hojas de estilo sean más comprensibles y livianas.
- jQuery UI. Un conjunto de utilidades para implementar características interactivas, animaciones, efectos especiales y diversos widgets en nuestro sitio web. Es parte de la biblioteca jQuery del lenguaje JavaScript.
- LESS. Un metalenguaje de CSS para obtener hojas de estilo en cascada dinámicas, es decir, con estilos sujetos a variables. También mejora la herencia entre reglas y ofrece funciones para modificar colores.
Gracias a este poderoso conjunto de herramientas, Bootstrap se ofrece como una solución ideal para crear aplicaciones y sitios web con grandes prestaciones en poco tiempo.