jquery ui - starter - HTML5 Boilerplate vs Twitter Bootstrap con JQuery y JQueryUI

html5 boilerplate examples (5)

Genera plantillas basadas en HTML5 Boilerplate con opciones que incluyen bootstrap

Me gustaría obtener consejos sobre si usar HTML 5 Boilerplate o Twitter Bootstrap para una aplicación web que puede usar los controles JQuery UI.

¿También es posible para mí reemplazar los controles Bootstrap con los equivalentes JQuery UI?

Gracias por adelantado

Stephen

Ayer, Nicolas Gallagher abrió un nuevo número en el repositorio github de H5BP con respecto a la integración H5BP + Twitter Bootstrap . Veremos cómo va eso.

También ayer, Addy Osmani, autora de jQuery UI Bootstrap, abrió la sesión para votar si jQuery UI Bootstrap debería actualizarse o no a Bootstrap 2.0, que se lanzará el 31 de enero de 2012, para quienes visiten el sitio. el futuro). No se vio ni un solo voto negativo, por lo que probablemente pueda esperar una versión de jQuery UI Bootstrap-2.0 pronto.

Si no desea esperar para integrar H5BP y Bootstrap, ejecute la secuencia de comandos de integración hsbp + twitter boot script de integración de Mickael Daniel. Sin embargo, no le dará los controles de Bootstrap con los equivalentes de UQ de JQuery que usted solicitó.

Bootstrap y H5BP resuelven 2 problemas diferentes. El primero es un kit de herramientas de front-end "diseñado para impulsar el desarrollo de webapps y sitios", mientras que el último es una base más sólida sobre la que construir (no es realmente un "estándar", como se señala en su página wiki history ).

Empecé a usar Bootstrap y pude decir: ¡Es la mejor decisión que he tomado!

Antes de eso, cualquier web / aplicación que construí es normal para tener alrededor de 10 archivos css, porque estoy muy bien organizado y me gusta tener archivos separados para el encabezado / pie de página / nav / etc.

¡Pero después de usar Bootstrap, la hoja de estilo involucrada se redujo a 1 o 2 archivos! El pulido extra, la alineación, etc. se redujeron a NINGUNO , cuando apliqué la clase Bootstrap y el marcado correctamente.

Y el 90% de mis funciones jQueryUI (diálogo, pestaña, etc.) ahora son reemplazadas por Bootstrap.

En jQuery, necesito hacer algo de init cuando el documento esté listo; Pero en Bootstrap, todo funciona como magia cuando escribí mi marcado y lo atribuí correctamente. Me gustó jQuery, pero Bootstrap es aún mejor. Solo el tamaño reducido es que el módulo Bootstrap no tiene una API muy completa (y bien diseñada) que jQuery.

No he usado HTML5BoilerPlate, pero supuse que todavía tenías que enderezar muchas hojas de estilo para que tu web se viera bien.

Ir por Bootstrap. ¡Es tan fácil de aprender y tan poderoso! Nunca te arrepentirás.

HTML5 Boilerplate vs Bootstrap en pocas palabras:

H5BP = Cuando quieres comenzar desde cero. Acerca de este aspecto, Initializr ofrece exactamente eso: un sitio web barebone y nada más.

Bootstrap = Cuando desea comenzar desde una plantilla, hay muchas plantillas listas para usar, por ejemplo, wrapbootstrap para plantillas comerciales y bootswatch para plantillas gratuitas.

Personalmente, votaría por una combinación perfecta de

Twitter Bootstrap
H5BP
Jquery, golosinas más utilizadas

Todos estos componentes para una solución de respuesta perfecta, hasta ahora, solo me encontré con el proyecto Kickstrap: http://ajkochanowicz.github.com/Kickstrap/

Tal vez, hay más, pero este se ve muy bien.