2012-01-24 11 views
57

Me gustaría obtener consejos sobre si se debe usar HTML 5 Boilerplate o Twitter Bootstrap para una aplicación web que puede usar controles JQuery UI.HTML5 Boilerplate vs Twitter Bootstrap con JQuery y JQueryUI

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

Gracias de antemano

Stephen

+4

Revisa [jQuery UI Bootstrap] (http://addyosmani.github.com/jquery-ui-bootstrap/) Un arranque kickstart de Bootstrap para los widgets de jQuery UI (v0.23). –

+1

Gracias David, ¿algún consejo sobre cuál usar ya sea HTML 5 Boiler Plate o Twitter Bootstrap? –

+0

Estaba buscando lo mismo –

Respuesta

38

Ayer, Nicolas Gallagher abrió una nueva emisión de cesión temporal de github H5BP respecto H5BP + Twitter Bootstrap integration. Veremos cómo va eso.

También ayer, Addy Osmani - el autor de jQuery UI Bootstrap, opened the floor a votar sobre si es o no jQuery UI Bootstrap debe actualizarse para Bootstrap 2.0, que es para ser lanzado el 31 de enero (de 2012, para aquellos de ustedes visitando desde 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 quiere esperar para integrar H5BP y Bootstrap pago y envío la secuencia de comandos de shell h5bp + twitter bootstrap integration 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 para construir (no es realmente un "modelo", como se señala en su página wiki history) .

+1

David, gracias de nuevo, por tus ideas que me han abierto la mente> ¿Qué me recomendarías? ¿Quién está reiniciando una pila de desarrollo web, PHP/Jquery/JQuery UI (no es necesario por cierto)? ¿Cuál de los dos sacaría a mi equipo de la puerta de embarque más rápido? PD: no tenemos un ninja frontal, por lo que no podemos hacer demasiada personalización de la interfaz de usuario. Gracias de nuevo –

+0

David, solo un boletín de noticias fuimos por Twitter Bootstrap y nos encanta a bits –

+1

Tenga en cuenta ahora H5BP admite Boilerplate a través de una descarga personalizada en http://www.initializr.com/ – luison

7

Personalmente me gustaría votar por una combinación perfecta de

  • Twitter Bootstrap
  • H5BP
  • Jquery, golosinas más utilizados

todos estos componentes para una solución que responde perfecto, hasta el momento , Solo me encontré con el proyecto Kickstrap: http://ajkochanowicz.github.com/Kickstrap/

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

23

Ha intentado: http://www.initializr.com/

Genera plantilla basada en HTML 5 Repetitivo con opciones que incluyen arranque

+1

¿Está afiliado con initializr de alguna manera? –

+1

Esta es la mejor manera a partir de hoy. – supercobra

+3

Initializr es ahora el "generador personalizado" oficial para HTML5 Boilerplate – Juan

3

para HTML 5 vs Bootstrap en pocas palabras:

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

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

6

He comenzado a utilizar Bootstrap y podría decir: ¡Es la mejor decisión que he tomado!

Antes de eso, cualquier web/aplicación que construí es normal tener alrededor de 10 archivos css, porque estoy muy bien organizado y me gusta tener archivos separados para 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 por completo a NONE, cuando apliqué la clase Bootstrap y el marcado correctamente.

Y el 90% de las funciones de jQueryUI (cuadro de 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ía que corregir muchas hojas de estilo para que su web se viera bien.

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

+2

El principal problema de Bootstrap es que no admite correctamente ie8. Por ejemplo, TABS no funciona. Y como ie8 es el navegador predeterminado de Vista/7, sigue siendo un navegador popular. – magallanes

+1

Normalmente pongo un sistema de detección de navegador. Si el usuario no tiene Firefox o Chrome, se lo redirige automáticamente a otra página especial que ofrece instalar uno de ellos. El sitio no se abrirá hasta que el usuario tenga uno de ellos. En algunos casos incluso incluyo IE 10+ en caso de que el sitio web funcione perfecto con él. Pero para ahorrarme trabajo/tiempo y salvar los problemas futuros del usuario, la redirección resuelve muchos problemas. –

+0

@LuisAlvarado ¿qué pasa con los usuarios que no pueden descargar otros navegadores? –