Discussion :

[olivier.pitton]

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 ?

[_skip]

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.

[Gecko]

Utilisez-vous Twitter Bootstrap ?

Ca dépend du cahier des charges à respecter, mais il m'arrive de l'utiliser de temps en temps

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

[pmithrandir]

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).

[Paul TOTH]

Utilisez-vous Twitter Bootstrap ?

oui, sur un projet, mais pas par choix.

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.

[Vlozer]

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...

[Marco46]

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 !

[Marco46]

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.

[pmithrandir]

En fait, tu peux vite te retrouver avec une bonne dizaine de classe a changer juste pour changer la couleur de la police ou la font utilisée...

il est clairement intrusif, si tu l'actives, il n'utilise par exemple par de classe parente pour limiter son action a une zone.(donc c'est tout ou rien)

Il est utilisé dans le module qui me sert a faire ma page de recherche sur mon site... et j ai pas mal galéré pour qu'il ne touche pas au reste du site.

[Marco46]

En fait, tu peux vite te retrouver avec une bonne dizaine de classe a changer juste pour changer la couleur de la police ou la font utilisée...

Mmh si tu veux changer juste les couleurs des fonts tu peux le faire directement dans les LESS de bootstrap. Ca se fait même sur le site de bootstrap pour générer les fichiers avec les valeurs que tu veux.

il est clairement intrusif, si tu l'actives, il n'utilise par exemple par de classe parente pour limiter son action a une zone.(donc c'est tout ou rien)

Je pense que intrusif c'est pas le bon mot. Il est structurant, donc oui forcément ...

Il est utilisé dans le module qui me sert a faire ma page de recherche sur mon site... et j ai pas mal galéré pour qu'il ne touche pas au reste du site.

A priori c'est un problème de choix d'outil. Bootstrap est un framework structurant. Si tu as besoin d'un framework HTML/CSS pour un besoin ponctuel c'est un mauvais choix. Si tu as besoin d'un framework pour structurer ton site et améliorer ta productivité et la maintenance Bootstrap est un bon choix.

[grunk]

Vraiment un outil qui à changer ma façon de travailler.

Le rendu de base est très agréable et idéal pour des backoffice ou des petits projets sans prétention. Plus besoin de passer 3 plombes dans le css pour avoir un rendu propre.

Contrairement à ce que j'ai pu lire avant , j'ai jamais eu de problème à le personnaliser. Je l'ai utilisé une fois pour faire un thème wordpress , un régal

Pour aller loin de la personnalisation il faut surtout que le graphiste conçoive en respectant la grille bootstrap ce qui rend l'intégration bien plus facile.

[armel18]

c'est un outil excellent qui permet de gagner du temps en terme de rendu graphique, de responsive design.ensuite il est flexible et personnalisable.Il est flexible parce que l'on est pas obligé de télécharger tout le bootrstrap, on peut décider de prendre que certains de ses composants (formulaires, boutons, pagination,table, ...). On peut le personnaliser soit directement depuis sont site soit en passant pas le less.


Enfin, l'autre avantage de bootstrap c'est qu'on y trouve plusieurs plugins js comme : une modale, une pop, calendars, validateurs... le tout avec un rendu agréable.

Son seul défaut: la validation(avec w3c) du css de bootstrap laisse apparaître plusieurs erreurs.

[shadypierre]

En fait, tu peux vite te retrouver avec une bonne dizaine de classe a changer juste pour changer la couleur de la police ou la font utilisée...

il est clairement intrusif, si tu l'actives, il n'utilise par exemple par de classe parente pour limiter son action a une zone.(donc c'est tout ou rien)

Il est utilisé dans le module qui me sert a faire ma page de recherche sur mon site... et j ai pas mal galéré pour qu'il ne touche pas au reste du site.

Ce n'est pas fait pour être utilisé par petit bout, ce qui me semble normal... Donc évidement si c'est pour utiliser un bout pour faire le style d'un bouton dans ton site c'est inutile et compliqué, mais si c'est utilisé comme c'est prévu, c'est à dire pour réaliser totalement son interface, la personnalisation et des plus aisé, tu n'as peut être pas bien compris le fonctionnement :/

[Gugelhupf]

Je suis en plein étude de ce framework et j'accroche au concept. Je compte l'utiliser prochainement.

De base le design n'est pas ma spécialité (et je suis nulle en CSS :/ ), mais si ce framework peut me permettre de créer des interfaces potables assez rapidement, alors je suis preneur.

Le souci pour l'instant, c'est que si on ne touche pas au framework (la partie LESS), tous les sites risquent de se ressembler

[Carhiboux]

Moi un outil qui me permets de m'affranchir du design et qui est relativement propre, je prends sans hésiter.

J'ai déjà eu l'occasion de l'utiliser, et franchement, c'est plutôt friendly user.

[Muchos]

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?

[pmithrandir]

tu n'as peut être pas bien compris le fonctionnement :/

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.

[Marco46]

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.

[Paul TOTH]

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.

dans mon cas c'est une appli web qui utilise intensivement les CSS, Bootstrap a été ajouté pour gérer le menu, les boîtes de dialogues, etc...et du coup tout le travail sur la mise en forme a été perturbé et j'ai du faire un reset des attributs modifiés pour retrouver ce que je voulais.

J'aurais préféré que Bootstrap ne touche pas aux éléments sans classe, exemple:

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
fieldset {
  padding: 0.35em 0.625em 0.75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
}

devrait s'écrire par exemple comme ceci

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
fieldset.bootstrap {
  padding: 0.35em 0.625em 0.75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
}

ou encore

Code css :

Sélectionner tout - Visualiser dans une fenêtre à part

1
2
3
4
5
6
 
.bootstrap fieldset {
  padding: 0.35em 0.625em 0.75em;
  margin: 0 2px;
  border: 1px solid #c0c0c0;
}

[shadypierre]

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