javascript - collapsible - tooltip jquery ejemplos

Twitter Bootstrap vs jQuery UI? (4)

Habiendo usado ambos, el Bootstrap de Twitter es un conjunto de tecnología superior. Aquí hay algunas diferencias,

Widgets : jQuery UI gana aquí. El widget de fecha que proporciona es inmensamente útil, y Twitter Bootstrap no proporciona nada por el estilo.
Andamios : Bootstrap gana aquí. La red de Twitter, tanto fluida como fija, son de primera clase. La interfaz de usuario de jQuery ni siquiera proporciona esta dirección, dejando el diseño de la página hasta el usuario final.
Profesionalidad inmediata: Bootstrap usando CSS3 está a leguas por delante, la interfaz de usuario de jQuery parece anticuada por comparación.
Iconos : Voy a empatar en este. Bootstrap tiene iconos más bonitos que la interfaz de usuario de jQuery , pero no me gustan los términos en absoluto , los Glyphicons Halflings normalmente no están disponibles de forma gratuita, pero un acuerdo entre Bootstrap y los creadores de Glyphicons lo ha hecho posible sin ningún costo para usted como desarrollador. Como agradecimiento, le pedimos que incluya un enlace opcional a Glyphicons siempre que sea práctico.
Imágenes y miniaturas : va a Bootstrap , jQuery UI ni siquiera ayuda aquí.

Otras notas,

Es importante entender cómo estas dos tecnologías compiten en las esferas también. Hay mucha superposición, pero si quiere andamios simples y creación fija / fluida, Bootstrap no es otra tecnología, es la mejor tecnología. Si quieres un widget único, la interfaz de usuario jQuery probablemente no se encuentre entre los tres primeros. Hoy en día, jQuery UI es principalmente un juguete para la consistencia y la prueba de concepto para la creación de un widget del lado del cliente utilizando un marco unificado.

He estado usando jQuery UI para algunas mejoras básicas de la página. Botón y entrada de estilo y cuadros de diálogo modales. Ahora me he encontrado con Bootstrap y se ve bastante bien.

¿Alguien tiene alguna experiencia de ir de jQuery UI a Bootstrap? Esto es lo que estoy pensando hacer, pero antes de hacer esto, me gustaría estar al tanto de los problemas que podría enfrentar.

Hemos utilizado ambos y nos gusta Bootstrap por su simplicidad y el ritmo con el que se está desarrollando y mejorando. El problema con la interfaz de usuario de jQuery es que se está moviendo al ritmo de un caracol. Lleva años desplegar características comunes como la barra de menú, el control de árbol y el DataGrid, que se encuentran en la etapa de planificación / desarrollo para siempre. Esperamos, esperamos y finalmente abandonamos y usamos otras bibliotecas como ExtJS para nuestro producto http://dblite.com .

Bootstrap ha creado un conjunto de características bastante completo en un período de tiempo muy corto y estoy seguro de que superará la interfaz de usuario de jQuery muy pronto.

Así que no tengo sentido usar algo que eventualmente estará desactualizado ...

Puede utilizar ambos con relativamente pocos problemas. Twitter Bootstrap usa jQuery 1.7.1 (en el momento de escribir este artículo), y no puedo pensar en ninguna razón por la que no pueda integrar componentes de Jquery UI adicionales en sus plantillas HTML.

He estado usando una combinación de HTML5 Boilerplate y Twitter Bootstrap construido en Initializr.com. Esto combina dos plantillas de inicio impresionantes en un gran proyecto de inicio. Consulte los detalles en http://html5boilerplate.com/ y http://www.initializr.com/ O para comenzar de inmediato, vaya a http://www.initializr.com/ , haga clic en "Bootstrap 2" botón y haga clic en "Descargar". Esto te dará todos los js y css que necesitas para comenzar.

Y no te asustes con HTML5 y CSS3. Initializr y HTML5 Boilerplate incluyen polyfills y códigos específicos de IE que permitirán que todas las características funcionen en IE 6, 7 8 y 9.

El uso de LESS en Twitter Bootstrap también es opcional. Usan MENOS para compilar todo el CSS que usa Bootstrap, pero si solo desea anular o agregar sus propios estilos, proporcionan un archivo css vacío para ese propósito.

También hay un archivo js en blanco (script.js) para que agregues un código personalizado. Aquí es donde agregaría sus manejadores o selectores para componentes jQueryUI adicionales.

Tengo en varios proyectos.

La mayor diferencia en mi opinión.

La interfaz de usuario de jQuery es segura, funciona correctamente y se ve bien en los navegadores antiguos, donde Bootstrap se basa en CSS3, lo que básicamente significa GRANDE en los navegadores nuevos, no tan grande en los viejos
Frecuencia de actualización: Bootstrap está obteniendo grandes actualizaciones con increíbles funciones nuevas, pero lamentablemente podrían romper el código anterior, por lo que no puede simplemente instalar bootstrap y actualizar cuando hay una nueva versión importante, básicamente requiere una gran cantidad de nueva codificación.
jQuery UI se basa en una buena estructura html con transformaciones de JavaScript, mientras que Bootstrap se basa en una estructura en línea visual y personalizable. (Llamando a un widget en la interfaz de usuario JQUERY, definiéndolo en Bootstrap)

Entonces, ¿qué elegir?

Eso siempre depende del tipo de proyecto en el que estés trabajando. ¿Los widgets atractivos y de aspecto rápido son mejores o sus usuarios utilizan con frecuencia navegadores antiguos?

Siempre termino usando los dos, así que puedo usar lo mejor de ambos mundos.

Aquí están los enlaces a ambos marcos, si decide utilizarlos.