Boilerplate HTML5 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 peut utiliser les contrôles de l'interface utilisateur JQuery.
Est-il également possible de remplacer les contrôles Bootstrap par des équivalents JQuery UI?
Merci d'avance
Stephen
Hier, Nicolas Gallagher a ouvert un nouveau numéro sur le dépôt github de H5BP concernant H5BP + Twitter Bootstrap intégration . Nous verrons comment cela se passe.
Hier également, Addy Osmani - l'auteur de jQuery UI Bootstrap, a ouvert la parole pour voter si jQuery UI Bootstrap doit être mis à jour pour Bootstrap 2.0, qui doit être publié le 31 janvier (en 2012, pour ceux d'entre vous qui visitent le futur). Pas un seul vote à la baisse n'a été vu, vous pouvez donc probablement vous attendre à une interface utilisateur jQuery Bootstrap-2.0 bientôt .
Si vous ne voulez pas attendre pour intégrer H5BP et Bootstrap checkout Mickael Daniel's h5bp + Twitter bootstrap integration Script Shell. Il ne vous donnera pas les contrôles Bootstrap avec les équivalents JQuery UI que vous avez demandés, cependant.
Bootstrap et H5BP résolvent 2 problèmes différents. Le premier est une boîte à outils frontale "conçue pour lancer le développement de webapps et de sites" tandis que le second est plutôt une base solide sur laquelle s'appuyer (ce n'est pas vraiment un "passe-partout", comme indiqué dans sa historique page wiki).
Avez-vous essayé: http://www.initializr.com/
Génère un modèle basé sur HTML5 Boilerplate avec des options qui incluent le bootstrap
Personnellement, je voterais pour une combinaison parfaite de
- Twitter Bootstrap
- H5BP
- Jquery, goodies les plus utilisés
Tous ces composants pour une solution réactive parfaite, jusqu'à présent, je n'ai rencontré que le projet Kickstrap: http://ajkochanowicz.github.com/Kickstrap/
Peut-être, il y en a plus, mais celui-ci a l'air vraiment sympa.
J'ai commencé à utiliser Bootstrap et je pourrais dire: c'est la meilleure décision que j'ai jamais prise!
Avant cela, tout site Web/application que j'ai construit est normal d'avoir environ 10 fichiers CSS, car je suis très bien organisé et j'aime avoir des fichiers séparés pour l'en-tête/pied de page/nav/etc.
Mais après avoir utilisé Bootstrap, la feuille de style impliquée a été réduite à 1 à 2 fichiers! Le polissage, l'alignement, etc. supplémentaires étaient absolument à NONE , quand j'ai appliqué la classe Bootstrap et le balisage correctement.
Et 90% de mes fonctionnalités jQueryUI (boîte de dialogue, onglet, etc.) sont désormais remplacées par Bootstrap.
Dans jQuery, j'ai besoin de faire quelques init lorsque le document est prêt; Mais dans Bootstrap, tout fonctionne comme par magie lorsque j'ai correctement écrit mon balisage et mon attribut. J'ai aimé jQuery, mais Bootstrap est encore mieux. Seule la réduction de taille est Bootstrap le module n'a pas d'API très complète (et bien nommée) que jQuery.
Je n'ai pas utilisé HTML5BoilerPlate, mais je suppose que vous devez encore corriger de nombreuses feuilles de style pour rendre votre site Web agréable.
Optez pour Bootstrap. C'est si facile à apprendre et si puissant qu'il l'est! Vous ne le regretterez jamais.
Boilerplate HTML5 vs Bootstrap en bref:
H5BP = Quand vous voulez repartir de zéro. À propos de cet aspect, Initializr donne exactement cela: un site Web barebone et rien de plus.
Bootstrap = Lorsque vous souhaitez démarrer à partir d'un modèle, il existe de nombreux modèles prêts à l'emploi, par exemple wrapbootstrap pour les modèles commerciaux et bootswatch pour les modèles gratuits.