Twitter Bootstrap vs jQuery UI?

J'ai plusieurs projets.

La plus grande différence à mon avis

• JQuery UI est sécurisé, il fonctionne correctement et fonctionne bien dans les anciens navigateurs, où Bootstrap est basé sur CSS3, ce qui signifie essentiellement GREAT dans les nouveaux navigateurs, pas très grand dans l'ancien

• Fréquence de mise à jour: Bootstrap obtient de grandes mises à jour avec de nouvelles fonctionnalités incroyables, mais malheureusement, ils pourraient rompre le code précédent, donc vous ne pouvez pas installer bootstrap et mettre à jour s'il existe une nouvelle version majeure, il nécessite beaucoup de nouveaux codages

• JQuery UI est basé sur une bonne structure html avec des transformations de JavaScript, tandis que Bootstrap est basé sur une structure en ligne visuelle et personnalisable. (Appeler un widget dans JJERY UI, le définir dans Bootstrap)

Alors, que choisir?

Cela dépend toujours du type de projet sur lequel vous travaillez. Les widgets cool et de meilleure qualité sont-ils meilleurs, ou vos utilisateurs utilisent-ils souvent de vieux navigateurs?

Je finis toujours par utiliser les deux, donc je peux utiliser le meilleur des deux mondes.

Voici les liens vers les deux cadres, si vous décidez de les utiliser.

1. JQuery UI
2. Bootstrap

Ayant utilisé les deux, Bootstrap de Twitter est un ensemble de technologies de pointe. Voici quelques différences,

• Widgets : jQuery UI gagne ici. Le widget de date qu'il fournit est immensément utile, et Twitter Bootstrap ne fournit rien du genre.
• Échafaudage : Bootstrap gagne ici. La grille de Twitter à la fois fluide et fixe est de premier ordre. JQuery UI ne fournit même pas cette direction en laissant la mise en page de la page à l'utilisateur final.
• Professionnalisme hors ligne : Bootstrap utilisant CSS3 est une ligue à venir, jQuery UI semble daté en comparaison.
• Icônes : je vais m'attacher à celui-ci. Bootstrap a des icônes plus intéressantes que jQuery UI , mais je n'aime pas les termes un peu, Glyphicons Halflings ne sont normalement pas disponibles gratuitement, mais un arrangement entre Bootstrap et les créateurs de Glyphicons a rendu cela possible sans frais pour vous en tant que développeur. Comme un merci, nous vous demandons d'inclure un lien facultatif vers Glyphicons chaque fois que cela est pratique.
• Images et vignettes : va à Bootstrap , jQuery UI n'a même pas d'aide ici.

Autres notes,

• Il est important de comprendre comment ces deux technologies sont également en concurrence dans les sphères. Il y a beaucoup de chevauchement, mais si vous voulez un échafaudage simple et une création fixe / fluide, Bootstrap n'est pas une autre technologie, c'est la meilleure technologie. Si vous voulez un seul widget, jQuery UI n'est même pas dans les trois premiers. Aujourd'hui, jQuery UI est principalement un jouet pour la cohérence et la preuve de concept pour une création de widget côté client en utilisant un cadre unifié.

Vous pouvez utiliser les deux avec relativement peu de problèmes. Twitter Bootstrap utilise jQuery 1.7.1 (à partir de cette écriture) et je ne peux pas penser à des raisons pour lesquelles vous ne pouvez pas intégrer d'autres composants UI Jquery dans vos modèles HTML.

J'ai utilisé une combinaison de HTML Boilerplate et Twitter Bootstrap construit à Initializr.com. Cela combine deux formidables modèles de démarrage en un excellent projet de démarrage. Consultez les détails à http://html5boilerplate.com/ et http://www.initializr.com/ Ou pour commencer tout de suite, allez à http://www.initializr.com/ , cliquez sur "Bootstrap 2" , Puis cliquez sur "Télécharger". Cela vous donnera tous les js et css que vous devez commencer.

Et ne soyez pas effrayé par HTML5 et CSS3. Initializr et HTML5 Boilerplate incluent les polyfills et IE code spécifique qui permettra à toutes les fonctionnalités de travailler dans IE 6, 7 8 et 9.

L'utilisation de MOINS dans Twitter Bootstrap est également facultative. Ils utilisent MOINS pour compiler tous les CSS utilisés par Bootstrap, mais si vous voulez simplement remplacer ou ajouter vos propres styles, ils fournissent un fichier css vide à cette fin.

Il existe également un fichier js vierge (script.js) pour que vous puissiez ajouter un code personnalisé. C'est là que vous ajouteriez vos gestionnaires ou sélecteurs pour les composants jQueryUI supplémentaires.

Nous avons utilisé les deux et nous aimons Bootstrap pour sa simplicité et le rythme auquel il est développé et amélioré. Le problème avec jQuery UI est que cela se déplace à un rythme d'escargot. Il prend des années pour déployer des fonctionnalités communes telles que la barre de menus, le contrôle d'arbre et DataGrid qui sont en phase de planification / développement pour toujours. Nous avons attendu attendu et finalement abandonné et utilisé d'autres bibliothèques comme ExtJS pour notre produit http://dblite.com .

Bootstrap a mis au point un ensemble complet de fonctionnalités en très peu de temps et je suis sûr que cela dépassera jQuery UI très bientôt.

Donc, je ne vois aucun intérêt à utiliser quelque chose qui sera finalement dépassé …