Utiles recursos para twitter Bootstrap

Hoy en día han aparecido muchos recursos para facilitar el diseño de las páginas web en HTML5 y CSS3.
Especialmente, el uso de las Media-Queries que permiten configurar el diseño CSS y hacerlo intercambiable para distintas resoluciones de pantalla, especialmente útil para el diseño en dispositivos móviles tales como los teléfonos Android y iPhone.

Un recurso especialmente útil es el framework de twitter llamado Bootstrap.
Twitter Bootstrap entrega una serie de recursos CSS, plugin Javascript que usan jQuery, y además un conjunto de íconos para el diseño de interfaces web. Es decir, twitter Bootstrap va más allá de los populares frameworks CSS, como es el caso de Blueprint CSS.

Aprender Twitter Bootstrap

Aquí presentamos una lista de recursos para aprender twitter Bootstrap:

• Página principal de Bootstrap en GitHub:
  http://twitter.github.com/bootstrap/index.html
• Aprender a usar las 5 principales herramientas de Bootstrap:
  http://designshack.net/articles/css/5-incredibly-useful-tools-built-into-twitter-bootstrap/
• 20 útiles recursos para twitter Bootstrap:
  http://designshack.net/articles/css/20-awesome-resources-for-twitter-bootstrap-lovers/
• Personalizar los colores de Bootstrap:
  http://www.lavishbootstrap.com/
• Como crear un sitio web "responsive design" usando Bootstrap:
  http://www.onextrapixel.com/2012/11/12/how-to-use-twitter-bootstrap-to-create-a-responsive-website-design/
• Como crear un Image Slide Show o un Carrusel de Imágenes con carga diferida, en twitter Bootstrap:
  http://www.maurizioconventi.com/2012/06/12/how-to-create-a-lazy-load-carousel-with-twitter-bootstrap/

Otro importante recurso dentro de este framework es el uso del "media-grid", o "thumbnail" como se le denomina en la versión 2.0. El Thumbnail, es un recurso dentro del Bootstrap que provee una manera efectiva de colocar imágenes, videos, u otro recurso multimedia en el rectángulo dentro de la zona de diseño.

Galería de Páginas Web diseñadas con Bootstrap

Una prueba de lo efectivo en el uso de Bootstrap en el diseño web es observar algunas páginas creadas con este framework de diseño de frontend:

• Galería de paginas web diseñados usando Bootstrap:
  http://builtwithbootstrap.com/featured
• 15 sitios web contruidos con Bootstrap:
  http://untame.net/2012/09/15-incredible-sites-built-with-twitter-bootstrap/
• Combinar Bootstrap con el plugin de jQuery Masonry, para crear interesantes diseños:
  http://www.maurizioconventi.com/2012/06/19/responsive-example-integrating-twitter-bootstrap-and-jquery-masonry/

También existen otras herramientas en el mismo ámbito del diseño web como Bootstrap, algunas de ellas son:

• jQuery UI: http://jqueryui.com/
• y el generador de plantillas HTML5, Inizializr: http://www.initializr.com/