Twitter Bootstrap est maintenant utilisé par 1 % des sites internet

Le , par olivier.pitton

0PARTAGES

5  0 
Twitter Bootstrap est maintenant utilisé par 1 % des sites internet
D'après le moteur de recherche de code source meanpath

Quel que soit l'avis que vous ayez sur Twitter Bootstrap, l'outil de développement front-end, celui-ci n'est pas inconnu à toute personne faisant du développement Web. L'équipe de meanpath a réalisé un audit d'utilisation du framework en prenant 100 millions de sites internet aléatoirement et il en ressort que 981 608 utilisent Twitter Bootstrap, soit 1 %. Bien que la technique reste aléatoire, on ne peut pas dénigrer le fait qu'il soit très utilisé.

Actuellement à la RC1 de la version 3, le projet est aussi le plus populaire sur GitHub avec plus de 54000 Stargazers et plus de 18000 forks.

Un tel enthousiasme pour un projet front-end est assez rare de nos jours, avec les myriades de bibliothèques CSS 3/JavaScript qui ont le vent en poupe pour deux ans et disparaissent. Quoi qu'il en soit, défi réussi pour ce framework.

Source : blog meanpath
Classement GitHub

Et vous ?
Utilisez-vous Twitter Bootstrap ?
Ces résultats vous paraissent-ils normaux au vu de l'engouement autour du framework ?

Une erreur dans cette actualité ? Signalez-le nous !

Avatar de _skip
Expert éminent https://www.developpez.com
Le 30/07/2013 à 9:15
Citation Envoyé par olivier.pitton Voir le message

Utilisez-vous Twitter Bootstrap ?
Ces résultats vous paraissent-ils normaux au vu de l'engouement autour du framework ?
Oui je l'utilise et oui je trouve son succès tout à fait normal.

Pour moi qui ne suis pas un designer mais qui suis souvent amené à devoir faire des interfaces web d'administration, c'est le St-Grall.
Il faut se rendre à l'évidence, le rendu HTML par défaut des navigateurs est hideux, les fonts sont moches, les widgets taillés au cutter rappellent windows 95 et il suffit de télécharger bootstrap pour que ça devienne soudainement potable, voire même assez élégant.

En plus c'est consistant sur la plupart des navigateurs (avec tous les hacks qui vont bien), c'est assez simple à utiliser, bref c'est utile. Ca résoud le problème de beaucoup de gens qui ne veulent pas où ne peuvent pas devenir des pros du CSS et qui veulent tout de même être en mesure de prototyper un truc sympa.

Bien sûr l'inconvénient de cette approche et de cette popularité c'est qu'on le reconnaît facilement. Vous avez pas mal de site avec cette barre de menu et ces icones noir-blancs caractéristiques, bref à mon sens ça dépanne mais j'oserai jamais proposer cela pour un site commercial "non technique".

En gros je vais être franc, je l'aime parce que ça permet de pallier à mes talents de designers et à mon incompétence en CSS. Ca me fait économiser un temps énorme d'ajustement et de test sur les différents browsers, tout cela pour un rendu qui serait probablement au final inférieur.
7  0 
Avatar de pmithrandir
Expert confirmé https://www.developpez.com
Le 30/07/2013 à 9:41
D'une manière générale, je le trouve assez joli.

Par contre, je le trouve aussi très intrusif. Ce que je veux dire par là, c'est que si une partie de la page le contient, il s'applique a toute la page. Il est presque impossible a désactiver partiellement et il a tendance a faire du code CSS dégueulasse...

Bref, il est assez embêtant par certains aspects a cause de cela. En plus, avec lui, on est sur que si l'on veut modifier quelque chose dans l'interface ou changer celle ci, on est obligé de tout refaire. C'est assez chiant je trouve...

Bref, populaire peut être, mais largement perfectible.

Je pense qu'on observera plutôt dans le futur une génération de moteur de rendu du même style, mais que l'on peut étendre plus simplement pour créer des thèmes variés simplement. On aura alors un outil bien plus puissant(une boite aurait une fois le travail de design a faire pour l'appliquer a tous ses projets interne par exemple).
3  0 
Avatar de Gecko
Membre éprouvé https://www.developpez.com
Le 30/07/2013 à 9:17
Citation Envoyé par olivier.pitton Voir le message
Utilisez-vous Twitter Bootstrap ?
Ca dépend du cahier des charges à respecter, mais il m'arrive de l'utiliser de temps en temps

Citation Envoyé par olivier.pitton Voir le message
Ces résultats vous paraissent-ils normaux au vu de l'engouement autour du framework ?
Bah perso je me serai attendu à plus d'1% mais après le test est assez aléatoire, ils auraient pu tomber sur 15%-20%. Pour que l'audit soit valide il faudrait tester 20% des sites en lignes, sans ça c'est pas vraiment représentatif, un peu comme les produits de l'année en France
2  0 
Avatar de Marco46
Modérateur https://www.developpez.com
Le 31/07/2013 à 10:42
Citation Envoyé par pmithrandir Voir le message
Hello,

En fait, j'ai intégré un module qui le comprenait.
Comme on fournit une solution de facilité, certains commence a faire des modules avec... ce qui pose des problèmes.
Ca n'a pas de sens de faire un module qui intègre du bootstrap qui soit intégrable dans un site qui n'est pas structuré avec bootstrap.

Bootstrap est un framework structurant. En d'autres termes le créateur du module devrait indiquer que son module doit être intégré dans un site bootstrap.
2  0 
Avatar de Muchos
Membre expert https://www.developpez.com
Le 30/07/2013 à 19:00
Citation Envoyé par Vlozer
je m'en sert surtout pour la grille responsive. Ca permet de gagner pas mal de temps et de pallier l'un des énormes manques du html.
De quel manque parlez-vous?
1  0 
Avatar de pmithrandir
Expert confirmé https://www.developpez.com
Le 31/07/2013 à 14:49
Citation Envoyé par shadypierre Voir le message
Ce n'est pas son but, c'est bien ce que je dis vous n'utilisez pas l'outil comme il est prévu donc évidement ça pose des problèmes

L'objectif du framework est de structurer l'ensemble d'un site pas d'être utilisé avec parcimonie. il faut dans votre cas utiliser un autre outil
On ne dit pas le contraire.
Mais il faut bien avoué que si il incluaient juste un simple changement pour n'inclure le CSS que dans les enfant d'une certaine classe, ca serait encore plus puissant et utilisable partout, dans toutes les situations.

Pour ceux qui veulent l'utiliser pour le site entier, une classe sur la balise body activerait bootstrap partout, pour les autres, ils auraient la possibilité de l'activer uniquement sur certaines parties du code(un div, un tableau, etc...)

Code : Sélectionner tout
1
2
3
4
5
6
.bootstrap fieldset {
  padding: 0.35em 0.625em 0.75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
}
Cette méthode prendrait 10 minutes aux dev de boostrap a mettre en place, mais m'aurait fait gagner 3 ou 4 heures de creusage de méninge intensif sur mon CSS.(parce que quand on veut rétablir une valeur par defaut ou pire une valeur par héritée... on pleure)
1  0 
Avatar de Paul TOTH
Expert éminent sénior https://www.developpez.com
Le 30/07/2013 à 9:57
Citation Envoyé par olivier.pitton Voir le message

Utilisez-vous Twitter Bootstrap ?
oui, sur un projet, mais pas par choix.
Citation Envoyé par olivier.pitton Voir le message

Ces résultats vous paraissent-ils normaux au vu de l'engouement autour du framework ?
non ce n'est pas surprenant, il permet de faire assez proprement une bonne partie de ce qui manque à HTML pour faire des applis de gestion.

par contre je ne le trouve pas particulièrement bien conçu, il est difficile à personnaliser ce qui rend tous les sites l'utilisant assez similaires d'une part, et complique le design des éléments spécifiques du site qui sont pollués par ses styles.
0  0 
Avatar de Vlozer
Membre habitué https://www.developpez.com
Le 30/07/2013 à 10:41
Perso c'est peut etre pas super propre (je suis pas dev web), mais je m'en sert surtout pour la grille responsive.
Ca permet de gagner pas mal de temps et de pallier l'un des énormes manques du html.

Et pour le reste je me débrouille tout seul pour justement eviter que la similarité saute au yeux...
0  0 
Avatar de Marco46
Modérateur https://www.developpez.com
Le 30/07/2013 à 10:51
Citation Envoyé par pmithrandir Voir le message

Bref, il est assez embêtant par certains aspects a cause de cela. En plus, avec lui, on est sur que si l'on veut modifier quelque chose dans l'interface ou changer celle ci, on est obligé de tout refaire. C'est assez chiant je trouve...
Qu'est ce que tu entends par "tout refaire" ? Moi perso au pire je surcharge la valeur que je veux modifier. Je vois pas où est le problème. Un framework ne peut pas à la fois donner un canevas général pour le dev et en même temps avoir une méga souplesse permettant de faire tout ce qu'on veut.

Là franchement bootstrap c'est de la bombe, j'avais essayé plusieurs framework html/css mais celui-là est largement au dessus. C'est d'une simplicité d'utilisation déconcertante.

Et en plus ça supporte la mobilité très facilement ce qui est un atout non-négligeable !
0  0 
Avatar de Marco46
Modérateur https://www.developpez.com
Le 30/07/2013 à 10:52
Citation Envoyé par Paul TOTH Voir le message

par contre je ne le trouve pas particulièrement bien conçu, il est difficile à personnaliser ce qui rend tous les sites l'utilisant assez similaires d'une part, et complique le design des éléments spécifiques du site qui sont pollués par ses styles.
Je comprends pas en quoi il est difficile à personnaliser. J'ai ptet manqué un truc.
0  0 
Contacter le responsable de la rubrique Développement Web

Partenaire : Hébergement Web