"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.