GRATUIT

Vos offres d'emploi informatique

Développeurs, chefs de projets, ingénieurs, informaticiens
Postez gratuitement vos offres d'emploi ici visibles par 4 000 000 de visiteurs uniques par mois

emploi.developpez.com

Twitter Bootstrap utilisé par 1 % des sites Web
L'outil de développement front-end « mobile-first » gagne en popularité

Le , par olivier.pitton, Membre émérite
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 ?


Vous avez aimé cette actualité ? Alors partagez-la avec vos amis en cliquant sur les boutons ci-dessous :


 Poster une réponse

Avatar de _skip _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.
Avatar de Gecko 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
Avatar de pmithrandir pmithrandir - Membre expert 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).
Avatar de Paul TOTH 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.
Avatar de Vlozer 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...
Avatar de Marco46 Marco46 - Expert éminent 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 !
Avatar de Marco46 Marco46 - Expert éminent 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.
Avatar de pmithrandir pmithrandir - Membre expert https://www.developpez.com
le 30/07/2013 à 11:23
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.
Avatar de Marco46 Marco46 - Expert éminent https://www.developpez.com
le 30/07/2013 à 11:43
Citation Envoyé par pmithrandir  Voir le message
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.

Citation Envoyé par pmithrandir  Voir le message
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 ...

Citation Envoyé par pmithrandir  Voir le message
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.
Avatar de grunk grunk - Modérateur https://www.developpez.com
le 30/07/2013 à 12:37
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.
Offres d'emploi IT
RESPONSABLE WEB ANALYTICS F/H
VACALIANS GROUP - Languedoc Roussillon - SETE (34)
Développeur WEB PHP F/H
VACALIANS GROUP - Languedoc Roussillon - SETE (34)
Développeur Web FULL-STACK
VACALIANS GROUP - Languedoc Roussillon - SETE (34)

Voir plus d'offres Voir la carte des offres IT
Contacter le responsable de la rubrique Accueil