Twitter ha liberado la versión 2.0 de su framework CSS Bootstrap. Esta nueva versión ha sido re escrita desde cero y contiene importantes cambios y mejoras con respecto a la versión anterior.
Además el lanzamiento de la nueva release coincide con el cambio de look and feel de la página del proyecto la cual creo sin duda que mejora bastante el aspecto anterior de la página web, aunque como ya se sabe, sobre gustos no hay nada escrito.
Re escritura del proyecto
Uno de los cambios más significativos en sin duda la re escritura desde cero del proyecto que les ha permitido añadir importantes mejoras al framework.
Entre ellas contamos con el uso de mustache, un sistema de plantillas que ahora se usa para compilar la documentación del framework así como para encapsular las cadenas en etiquetas i18n facilitando así su traducción.
Ahora haciendo make en la consola obtendremos la documentación y el archivo CSS compilado de forma automática.
Pero el cambio más importante a nivel estructural es sin duda el paso dado para que el framework sea responsive dando soporte básico a través de media queries a dispositivos móviles. Ya hablamos sobre la diferencia entre fluid y responsive utilizando a bootstrap como ejemplo de diseño fluid en el pasado.
Nuevos plugins jQuery
Esta nueva versión viene con doce plugins para jQuery que nos permitirán mejorar la experiencia de nuestros usuarios al utilizar nuestro diseño.
Entre ellos se incluyen: Dropdowns, Modals, Tooltips, Scrollspy, Carousel, Popover (que ha mejorado su jerarquía de selectores), Tab, Alert, Transition, Typeahead, Collapse y Button
Componentes
También se han añadido nuevos componentes al framework como barras de progreso, botones de split, thumbnails y galerías personalizables, grupos de botones y desplegables, barras de navegación y bastantes cosas más.
Recomiendo la lectura de la ayuda en la página Github del proyecto para conocer más sobre todos estos componentes.
Otra cosa destacable es la adición de Glyphicons de forma nativa al proyecto.
Conclusión
En definitiva, un gran update para el framwork de los chicos de Twitter que con versiones anteriores, a algunos diseñadores lo cierto es que no nos sorprendieron demasiado, parece que por fortuna, esa tónica va a cambiar y en el futuro Bootstrap tenga todos los componentes e ingredientes necesarios para ser un auténtico must use.
En Genbetadev | Twitter libera bootstrap su framework css para aplicaciones web
Mas información | Página principal del proyecto
Comentarios
me gusto lo de implementar botones desplegables e iconos, habrá que practicar para sacarle "jugo" al framework
Estaría bien que se publicará un tutorial de como aprovechar al máximo este framework, por que los que vienen en la página oficial se me hacen muy basicos.
es dificil hacer un tutorial de bootstrap porque en realidad mas que un framework a mi se me hace mas com un "paquete" de diferentes herramientas para hacer el desarrollo web mas sencillo, por ejemplo, tienes el sistema de grids para css, que hace mas sencillo escribir css, para aprender mas de este tendrias que revisar blueprint o bluetrip que es de donde twitter "saca" la idea..
tienes Google Prettify que hace que si escribes codigo de algun lenguaje dentro de tu sitio este aparezca bien formateado y con colores
Tienes algunas herramientas para hacer forms mas agradables como inputs que cambian de color cuando los seleccionas o tienen errores, o te muestran sugerencias..tambien te pueden mostrar errores (si un input es de solo letras y alguien mete numeros por ejemplo)..todo esto lo puedes hacer con css y jquery o cualquier otra libreria, pero aqui lo incluyen para que no tengas que preocuparte de como hacerlo...
y asi como esto hay una infinidad de herramientas, que hacen que el diseño de tu sitio sea mas simple, claro, no tienes la flexibilidad de diseño en botones o efectos que lograrias haciendolo tu misma, pero resulta una buena opcion para hacer sitios visualmente agradables, de manera rapida...no son cosas del otro mundo, pero salvan tiempo, mas en el caso de programadores, que no estan tan interesados en crear diseños innovadores, sino que buscan mas bien un diseño consistente,solido y simple...:D
Sé que no es un sitio para principiantes, pero un pequeño tutorial de cómo montar una web básica usando Bootstrap 2.0 sería muy bueno. Desde qué modulos usar hasta cómo subir la web.
Puede que sea demasiado pedir, pero la mayoría de tutos son para anteriores versiones y tener uno para esta nueva versión sería un buen referente.
En cualquier caso, gracias ;)
Escribir un comentario
Para hacer un comentario es necesario que te identifiques: ENTRA o conéctate con FacebookConnect