57 votes

HTML5 Boilerplate vs Twitter Bootstrap avec JQuery et JQueryUI

Je voudrais des conseils sur l'utilisation de HTML 5 Boilerplate ou Twitter Bootstrap pour une application web qui pourrait utiliser des contrôles JQuery UI.

Est-il également possible de remplacer les contrôles Bootstrap par des équivalents JQuery UI ?

Merci d'avance

Stephen

38voto

David Murdoch Points 28521

Hier, Nicolas Gallagher a ouvert un nouveau problème sur le référentiel github de H5BP concernant l'intégration H5BP + Twitter Bootstrap. Nous verrons comment cela se passe.

Également hier, Addy Osmani - l'auteur de jQuery UI Bootstrap, a ouvert le débat sur le vote pour décider si jQuery UI Bootstrap devrait être mis à jour vers Bootstrap 2.0, qui doit être publié le 31 janvier (2012, pour ceux d'entre vous qui nous visitent du futur). Aucun vote négatif n'a été enregistré, vous pouvez donc probablement vous attendre à une version jQuery UI Bootstrap-2.0 bientôt.

Si vous ne voulez pas attendre pour intégrer H5BP et Bootstrap, consultez le script shell d'intégration h5bp + twitter bootstrap de Mickael Daniel. Cependant, il ne vous donnera pas les contrôles Bootstrap avec les équivalents JQuery UI que vous avez demandés.

Bootstrap et H5BP résolvent 2 problèmes différents. Le premier est une "boîte à outils frontale conçue pour initier le développement d'applications web et de sites", tandis que le second est plus une base solide sur laquelle construire (ce n'est pas vraiment un "boilerplate", comme indiqué dans sa page wiki historique).

23voto

George Points 231

Avez-vous essayé : http://www.initializr.com/

Génère un modèle basé sur HTML5 Boilerplate avec des options incluant bootstrap

7voto

adis Points 3101

Personnellement, je voterais pour une combinaison parfaite de

  • Twitter Bootstrap
  • H5BP
  • Jquery, les plus utilisés

Tous ces composants pour une solution responsive parfaite, jusqu'à présent, je suis tombé seulement sur le projet Kickstrap : http://ajkochanowicz.github.com/Kickstrap/

Peut-être qu'il y en a d'autres, mais celui-ci a l'air vraiment bien.

6voto

crab Points 251

J'ai commencé à utiliser Bootstrap et je pourrais dire : c'est la meilleure décision que j'ai jamais prise!

Avant cela, n'importe quel site/application que j'ai construit avait généralement environ 10 fichiers css, parce que je suis très bien organisé et j'aime avoir des fichiers séparés pour l'entête/le pied de page/la navigation/etc.

Mais après avoir utilisé Bootstrap, le nombre de feuilles de style est passé à 1 ou 2 fichiers! Le perfectionnement supplémentaire, l'alignement, etc étaient absolument réduits à AUCUN, lorsque j'ai appliqué correctement les classes et les balises Bootstrap.

Et 90% de mes fonctionnalités jQueryUI (dialogue, onglet, etc) sont maintenant remplacées par Bootstrap.

En jQuery, je dois faire une initialisation lorsque le document est prêt; mais avec Bootstrap, tout fonctionne comme par magie lorsque j'écris correctement mes balises et attributs. J'aimais jQuery, mais Bootstrap est encore mieux. Le seul inconvénient est que le module Bootstrap n'a pas une API aussi complète (et bien nommée) que jQuery.

Je n'ai pas utilisé HTML5BoilerPlate, mais je suppose que vous devez quand même écrire beaucoup de feuilles de style dessus pour rendre votre site web beau.

Optez pour Bootstrap. C'est tellement facile à apprendre, et tellement puissant! Vous ne le regretterez jamais.

3voto

magallanes Points 1024

HTML5 Boilerplate vs Bootstrap en un mot:

H5BP = Lorsque vous voulez commencer à partir de zéro. À ce sujet, Initializr offre exactement cela: un site web minimaliste et rien de plus.

Bootstrap = Lorsque vous voulez commencer à partir d'un modèle, il y a beaucoup de modèles prêts à être utilisés, par exemple wrapbootstrap pour les modèles commerciaux et bootswatch pour des modèles gratuits.

Prograide.com

Prograide est une communauté de développeurs qui cherche à élargir la connaissance de la programmation au-delà de l'anglais.
Pour cela nous avons les plus grands doutes résolus en français et vous pouvez aussi poser vos propres questions ou résoudre celles des autres.

Powered by:

X