Usando Twitter Bootstrap con Dojo

Inicio > Redes Sociales > Usando Twitter Bootstrap con Dojo

Usando Twitter Bootstrap con Dojo

7 de May de 2013 Eduarea Deja un comentario Go to comments

He estado usando Twitter Bootstrap*** últimamente debido a su aspecto y a la simplicidad en la creación de páginas básicas y diseños complejos. Quería el uso de Dojo* para desarrollar un proyecto reciente, pero sentí que Dijit** sería demasiado para mis necesidades, así que decidí usar Bootstrap de nuevo. El problema aquí es que Bootstrap utiliza jQuery para sus componentes Javascript y yo no quería cargar Dojo, jQuery y el plugin Bootstrap.

Mi solución: crear una aplicación de Twitter Bootstrap utilizando el kit de herramientas Dojo. Dojo Bootstrap es un puerto de los plugins Twitter Bootstrap. Se utiliza el 100% del código Dojo y tiene soporte para AMD.

Una reproducción de la página en JavaScript con Twitter Bootstrap usando los módulos Dojo Bootstrap se puede encontrar aquí.

Actualizar

Mire un nuevo sitio web dedicado al proyecto Dojo Bootstrap.

*Dojo es un framework que contiene APIs y widgets (controles) para facilitar el desarrollo de aplicaciones Web que utilicen tecnología AJAX. Contiene un sistema de empaquetado inteligente, los efectos de UI, drag and drop APIs, widget APIs, abstracción de eventos, almacenamiento de APIs en el cliente, e interacción de APIs con AJAX.

Resuelve asuntos de usabilidad comunes como pueden ser la navegación y detección del navegador, soportar cambios de URL en la barra de URLs para luego regresar a ellas (bookmarking), y la habilidad de degradar cuando AJAX/JavaScript no es completamente soportado en el cliente. Es conocido como «la navaja suiza del ejército de las bibliotecas Javascript«. Proporciona una gama más amplia de opciones en una sola biblioteca JavaScript y es compatible con navegadores antiguos.

**Dijit (Dojo Widget) es una biblioteca de widgets para crear interfaces gráficos. Está construida directamente sobre Dojo Core y en ocasiones no requiere de código JavaScript para ser utilizada. Los widgets son altamente portables y se pueden compartir fácilmente en cualquier servidor o incluso funcionar localmente sin servidor web mediante el protocolo file//.

***Twitter Bootstrap es una colección de herramientas de software libre para la creación de sitios y aplicaciones web. Contiene plantillas de diseño basadas en HTML y CSS con tipografías, formularios, botones, gráficos, barras de navegación y demás componentes de interfaz, así como extensiones opcionales de JavaScript. Es el proyecto mas popular en GitHub y es usado por la NASA y la MSNBC junto a demás organizaciones.

Hoy Bootstrap es muy popular en toda la web. Sigue creciendo como una forma rápida para los desarrolladores para obtener un sitio eficiente en funcionamiento en un corto período de tiempo. Es un buen punto para empezar, pero Twitter Bootstrap a menudo se deja completamente sin medida, y su popularidad se ha marchado del diseño distinto del marco que ve bastante plana. Pero en un mundo en atractivos diseños son de gran importancia, Twitter Bootstrap ha ocupado su lugar como uno de los mejores marcos en el mercado.

Si busca en Google la palabra Bootstrap, obtendrá más de 16.000.000 de resultados. Esa es una muy gran cantidad de menciones incluyendo los resultados en los medios sociales, los blogs, los comentarios, los tutoriales, las herramientas, etc. Al buscar algunas herramientas que se pueden encontrar en algunas redadas dispersas … Comprendiendo la importancia de esta tendencia, los chicos de TemplateMonster han puesto juntos los tutoriales más útiles sobre Bootstrap, las guías, las extensiones, los plugins y otras golosinas y crearon un impresionante infografía sobre Bootstrap. Por otra parte, hicieron la infografía interactiva para que no se aburran en conseguir lo más profundo de Twitter Bootstrap. Sin embargo, hay una versión estática de la infografía que se puede ver a continuación. Esperamos que no sólo será útil para los fans de Bootstrap, sino para cualquier persona que mantiene un ojo en los últimos marcos de front-end para el desarrollo web eficaz.