jueves, noviembre 10, 2011

Bootstrap: Tus Aplicaciones Web con la UI de Twitter

"Portada del Toolkit en Github"

Luego que twitter actualizara por fin su interfaz web, unos se dedicaron a hablar maravillas de la misma mientras que otros se dedicaron a acabársela con cuanto bug le encontraban. En lo personal, a pesar de la tradanza en su carga y falta de una que otra verbosidad, me parece muy bien diseñada y elaborada.

Recientemente buscaba un sitio para validar en línea expresiones regulares y me topé con este sitio en RegExPlanet, cuya interfaz me pareció muy similar pero no fue sino hasta que hurgué en su CSS y Javascript y busqué sus referencias que me topé con Bootstrap y fue cuando recordé la familiaridad del sitio, estaba basado en la UI de twitter haciendo uso del toolkit denominado Bootstrap.

Tal como lo mencionan en su portal de Github, Bootstrap es un conjunto de archivos CSS (Y sus respectivos LESS), HTML y Javascript con los cuales te ahorras mucho trabajo armando layouts, estilizando inputs y utilizando componentes un poco más complejos ya construidos a base de HTML como son el caso de la barra de menú (o barra de navegación, como quieran llamarle) en la parte superior con posición Fixed, tabs, formularios modales, tooltips, etc.

Pueden descargar este toolkit en su página de Github junto con la documentación la cual te explica lo fácil que es integrar esta UI en tus sitios web.

Basada completamente en la Apache License versión 2.0 lo cual significa que no tendrás que preocuparte por que alguien te quiera demandar por utilizar los mismos componentes UI con los que está hecha la interfaz actual de twitter.

Les adjunto además un ejemplo editable elaborado en JsBin mostrando cómo con solamente agregar el CSS de Bootstrap automáticamente estiliza los input y con algunos divs con clases específicas es posible construir el resto de la estructura básica de un formulario web.

Sunsetting Sr. Byte.

El Sr. Byte ha estado más de 5 años inactivo. Digamos que estaba en " code freeze ". Pero ahora es el último release. Quizas no...