Discussion :

[Michael Guilloux]

Bootstrap 4.0 est officiellement disponible
un aperçu des changements notables dans la collection d'outils pour la création de sites Web

Fin 2014, l'équipe Bootstrap a annoncé le développement de la version 4.0, et depuis hier, soit plus de trois ans après, Bootstrap 4.0 est enfin disponible. Bootstrap n'est plus à présenter auprès des développeurs Web, car c'est sans doute le framework HTML, CSS et JavaScript le plus populaire pour développer des projets mobiles first et responsives sur le Web. Il offre des outils utiles à la création du design de sites et d'applications Web. C'est un ensemble qui contient des codes HTML et CSS, des formulaires, boutons, outils de navigation et autres éléments interactifs, ainsi que des extensions JavaScript en option.

Bootstrap 4 est une réécriture majeure de l'ensemble du projet, avec donc des changements incompatibles avec les versions précédentes. Pour ce que vous devez savoir lorsque vous passez de la version 3 à cette nouvelle version de Bootstrap, les changements généraux les plus notables sont :

• activation de Flexbox par défaut ;
• passage du préprocesseur CSS Less à Sass pour les fichiers source CSS ;
• passage de l'unité de mesure px à l'unité relative rem en tant qu'unité CSS principale. Les pixels sont toutefois encore utilisés pour les requêtes média et le comportement de la grille ;
• passage de la taille de police globale de 14px à 16px ;
• réorganisation des niveaux de la grille pour ajouter une cinquième option (pour les plus petits périphériques à 576px et moins) et suppression de l'infixe -xs de ces classes ;
• remplacement du thème facultatif séparé par des options configurables via des variables SCSS ;
• révision du système de build pour utiliser une série de scripts NPM au lieu de Grunt ;
• l'utilisation non responsive de Bootstrap n'est plus prise en charge ;
• suppression du Customizer en ligne en faveur d'une documentation d'installation plus complète et de builds personnalisées ;
• ajout de plusieurs dizaines de nouvelles classes utilitaires pour les paires propriété-valeur CSS communes et les raccourcis d'espacement margin/padding.

Ce qu'il faut retenir en ce qui concerne les changements importants au niveau du système de grille c'est qu'il y a plus de flexibilité avec le passage à Flexbox. On note en outre la mise à jour des noms de classe de grille et un nouveau niveau de grille, mais également la mise à jour des tailles de grille, des mixins et des variables.

Pour ce qui est des composants, on peut citer parmi les changements notables la suppression des panneaux, des vignettes et des puits pour un nouveau composant englobant, appelé cartes. Les cartes sont des conteneurs flexibles et extensibles. Elles incluent des options pour les headers et les footers, une grande variété de contenu, des couleurs d'arrière-plan contextuelles et de puissantes options d'affichage. On a aussi, pour les changements relatifs aux composants, la suppression de la police d'icône Glyphicons, et du composant pager de Bootstrap comme il s'agissait essentiellement de boutons légèrement personnalisés. À cela, on peut ajouter la refactorisation de presque tous les composants pour utiliser plus de sélecteurs de classes non imbriqués.

Enfin, côté support des navigateurs, on notera la suppression du support d'Internet Explorer (IE) 8 et 9 et des navigateurs sur iOS 6. Bootstrap 4.0 ne va supporter que IE10+ et iOS 7+. Pour les sites qui ont besoin des versions qui ne sont plus supportées, il est donc recommandé d'utiliser la version 3 de Bootstrap. La nouvelle version du framework pour le développement mobile first et responsive sur le Web vient également avec un support officiel pour le navigateur et WebView sur Android v5.0 Lollipop. Les versions antérieures du navigateur Android et de WebView ne sont prises en charge que de manière non officielle.

Source : Annonce de la sortie de Bootstrap 4.0, Nouveautés dans Bootstrap 4.0

Et vous ?

Que pensez-vous des nouveautés et changements dans Bootstrap 4.0 ?
Quels sont ceux que vous appréciez le plus ?
Quelles sont vos attentes pour les prochaines versions ?

[Mootookoi]

Quel est l'intérêt d'un CMS pour des langages comme HTML et CSS ?
Perso je code sans CMS ni préprocesseur direct sur Vim.

[Pere LK]

Je t'invite à découvrir sur le net la différence entre un CMS et un framework et un éditeur de code. Mais très succinctement :

• Wordpress ou Joomla sont des CMS ils offrent une interface de gestion de contenu etc
• un framework peut être JS, HTMl, CSS etc tel que Bootstrap dont il est içi question permet de gagner du temps en développement et sont souvent utilisé au sein des CMS
• un editeur de texte/code comme vim permet de modifier le codes des CMS, d'utiliser les framework etc

Ces éléments sont aussi interdépendant qu'une maison, des portes et des marteaux.

Donc la prochaine fois avant de jouer les barbus/puriste preds le temps de faire une recherche sur le thème de l'article

[emilie77]

Quel est l'intérêt d'un CMS pour des langages comme HTML et CSS ?
Perso je code sans CMS ni préprocesseur direct sur Vim.

Ahahahah, je conseille:
1) au moins lire wikipedia
2) d'écrire un commentaire

[Jarodd]

Il est peut-être chef de projet ?

[Rapmerd3ur]

Quel est l'intérêt d'un CMS pour des langages comme HTML et CSS ?
Perso je code sans CMS ni préprocesseur direct sur Vim.

Entièrement d'accord, mais aujourd'hui les gens n'installent même plus HTML et préfèrent coder en CMS.
Vim, le top pour créer.

[emilie77]

pfff moi je code maintenant tout en sftp

[Zefling]

Entièrement d'accord, mais aujourd'hui les gens n'installent même plus HTML et préfèrent coder en CMS.
Vim, le top pour créer.

Je ne veux pas dire, mais ça ne veut rien dire installer HTML ou même coder en CMS.

On utilise HTML pour la structure de la page, et on l'utilise aussi pour faire des modules de CMS. Perso, je me suis fait tout un framework pour mon site, et pour le templating HTML est toujours là. Au boulot, je suis sous Angular et le template c'est aussi du HTML. Personnellement ça fait 18 ans que je fais du web, et que ça soit pour un CMS, un framework ou from scratch j'ai toujours fait du HTML/CSS ou j'ai été sur des environnements qui en génèrent.

Pour en revenir à Bootstrap, je l'ai lâché quand les flexbox sont devenus utilisables, il y a un peu plus de 2 ans. C'est sûr que c'est bien qu'il y soit passé. Mais aujourd'hui je m'intéresse bien bien au grid layout. Ça commence à devenir envisageable de l'utiliser.

[kilroyFR]

L'interet d'un CMS au lieu de html/css ?
il ne faut jamis s'y etre interessé pour faire une telle reflexion. Regarde les CMS et tu te rendras compte de ce que signifie framework:composants reutilisables etc.
Pour avoir developpé des sites webs publiques en Joomla/Drupal des fois je me dis que l'on se cherche trop souvent du taf a tout reinventer lorsqu'on code en aspnet/angular etc. (ego du developpeur qui se croit toujours plus malin que les autres).
On a les memes au taf; qui ont reinventé la roue carree en developpant un framework webapps 'revolutionnaire' (aspnet).
Meme pas essayé de proposer autre chose (on fait principalement des applis data centric, donc avec IHM type CRUD). En 2017, il faut encore coder ce genre d'ihm avec la bite et le couteau.
4 ans apres le resultat de notre framework est minable FONCTIONNELLEMENT quand on voit tout ce qui existe en open source et qu'on est loin du compte en fonctionnalités (ah oui il parait que c'est codé dans l'etat de l'art...).

[blbird]

Pour en revenir au sujet, un des gros changements pour moi c'est la compatibilité plutôt mauvaise avec IE 11 et IE 10 par rapport à Flexbox.

Souvent en entreprise, malheureusement, et surement pour quelques mois (voir années) encore, pas d'utilisation de Edge de prévu.

Ca fait des années que Microsoft est infoutu de faire des navigateurs respectant les dernières avancées (même officielles) HTML/CSS : ils sont toujours à la bourre, c'est fatiguant. Alors que les autres (Chrome, Firefox) sont souvent en avance sur les specs officielles...

[e101mk2]

L'interet d'un CMS au lieu de html/css ?
il ne faut jamis s'y etre interessé pour faire une telle reflexion. Regarde les CMS et tu te rendras compte de ce que signifie framework:composants reutilisables etc.
Pour avoir developpé des sites webs publiques en Joomla/Drupal des fois je me dis que l'on se cherche trop souvent du taf a tout reinventer lorsqu'on code en aspnet/angular etc. (ego du developpeur qui se croit toujours plus malin que les autres).

Oui en effet , mais le contraire existe aussi, certains d'utilise un gros CMS (Joomla) pour un site vitrine de 4 pages et qui ne propose même pas d'authentification utilisateurs, c'est du gaspillage de ressource.
Pour de telle site il est plus rapide d'écrire les codes soit même que de configurer le CMS pour ce genre d'usage.


+1 Jarodd Ton image explique certains commentaires de cette news...

EDIT:

Souvent en entreprise, malheureusement, et surement pour quelques mois (voir années) encore, pas d'utilisation de Edge de prévu.

Je ne sait pas pour les entreprises, mais pour les assos, ils ont quitter internet explorer par obligation (site internet non fonctionnelle, ralentissement/freeze ...), bizarre que les entreprises n'ont pas eu les même retours.

[Zefling]

Je ne sait pas pour les entreprises, mais pour les assos, ils ont quitter internet explorer par obligation (site internet non fonctionnelle, ralentissement/freeze ...), bizarre que les entreprises n'ont pas eu les même retours.

Chez nous on pousse doucement IE11 vers la sorti (pas assez vite pour moi), mais plus aucun autre IE n'est supporté. Le support des flexbox est meilleur, malgré ses bugs, que celui de webkit/safari. Actuellement, ma Némésis c'est Safari/iOS et plus vraiment IE11. Mais depuis Safari 11 y'a du mieux, mais ça reste pire qu'IE11.

[coolspot]

Un des gros problèmes de bootstrap c'est que ce framework CSS doit être utilisé avec jQuery ce qui est dommage. Après c'est sur ca fait le café dans plein de chose mais on peut très bien dans la plupart des cas s'orienter vers un truc un peu plus léger comme PureCSS

[Mootookoi]

Je t'invite à découvrir sur le net la différence entre un CMS et un framework et un éditeur de code. Mais très succinctement :

• Wordpress ou Joomla sont des CMS ils offrent une interface de gestion de contenu etc
• un framework peut être JS, HTMl, CSS etc tel que Bootstrap dont il est içi question permet de gagner du temps en développement et sont souvent utilisé au sein des CMS
• un editeur de texte/code comme vim permet de modifier le codes des CMS, d'utiliser les framework etc

Ces éléments sont aussi interdépendant qu'une maison, des portes et des marteaux.

Donc la prochaine fois avant de jouer les barbus/puriste preds le temps de faire une recherche sur le thème de l'article

Je connais les différences entre CMS, framework, IDE, préprocesseurs et langages pures. C'est vrai dans le cas de Bootstrap je me suis trompé. C'est un framework. Mais ça ne change rien au fait que c'est inutile.

L'interet d'un CMS au lieu de html/css ?
il ne faut jamis s'y etre interessé pour faire une telle reflexion. Regarde les CMS et tu te rendras compte de ce que signifie framework:composants reutilisables etc.
Pour avoir developpé des sites webs publiques en Joomla/Drupal des fois je me dis que l'on se cherche trop souvent du taf a tout reinventer lorsqu'on code en aspnet/angular etc. (ego du developpeur qui se croit toujours plus malin que les autres).
On a les memes au taf; qui ont reinventé la roue carree en developpant un framework webapps 'revolutionnaire' (aspnet).
Meme pas essayé de proposer autre chose (on fait principalement des applis data centric, donc avec IHM type CRUD). En 2017, il faut encore coder ce genre d'ihm avec la bite et le couteau.
4 ans apres le resultat de notre framework est minable FONCTIONNELLEMENT quand on voit tout ce qui existe en open source et qu'on est loin du compte en fonctionnalités (ah oui il parait que c'est codé dans l'etat de l'art...).

Il faut arrêter avec cet argument de réinvention de la roue. Ce n'est pas réinventer la roue que de ne pas vouloir se mettre dans les cages que sont les CMS ( ou dans une moindre mesure les frameworks ) surtout pour des langages descriptifs comme HTML et CSS.
Avec un bon IDE et un minimum d'organisation, on peut avoir un site responsive, mobile first et même une structure MVC et des bouts de codes réutilisables sans avoir besoin d'outils comme Bootstrap.
Après c'est vrai que je travaille tout seul. En équipe l'utilisation de framework devient plus intéressant.

[mister3957]

Moi je code en docker, c'est comme php mais sous windows et avec un remote memory parallèle asynchrone pour la wifi ^^

[Marco46]

Avec un bon IDE et un minimum d'organisation, on peut avoir un site responsive, mobile first et même une structure MVC et des bouts de codes réutilisables sans avoir besoin d'outils comme Bootstrap.

C'est comme pour n'importe quelle dépendance dans un projet, l'avantage d'un framework comme Bootstrap c'est qu'il te donne une grosse abstraction qui permet d'augmenter la productivité. Quand tu es développeur javascript et que tu écris le frontend d'une appli web, t'es bien content de trouver un framework comme bootstrap qui va te permettre de monter la structure de ta webapp en quelques heures au lieu de passer des jours à tout refaire à la main. La plupart du temps on a besoin d'une barre de menu, d'un content, parfois d'une sidenav à gauche et d'un footer. Et c'est marre pour la structure, je parle même pas de tous les widgets qui vont avec. Avec bootstrap ou un framework basé sur material tu fais ça en quelques heures.

Sans parler du fait que de la pure intégration html css c'est un métier à part entière et c'est pas aussi facile que beaucoup de développeurs le croient. Donc avoir un truc bien fait qui standardise ça fait quand même le café !

[mister3957]

Donc avoir un truc bien fait qui standardise ça fait quand même le café !

C'est un peu bizarre d'évoquer le "standard" dans l'informatique, chaque mois y'en a 10.000 nouveaux et 10.000 obsolètes (ceux du mois précédent). A croire qu'il n'y en a pas ?

J'exagère exprès mais ça peut se comprendre que certains veulent faire leur propre popote dans leur coin en créant leur propre "standard", évidemment bien plus pourri, moins maintenable, moins performant, des bugs de partout et plus coûteux à faire comme à maintenir, mais au moins bien plus visible à niveau entreprise pour garantir ce qui va se passer demain.

Je pense au mec qui a tout fait à base d'Angular, qui a migré vers React après avoir testé Ractive et finalement s'était posé sur Bootstrap3 et s'intéresse à la v4 afin de se mettre à jour, ou plutôt ne pas devenir obsolète en quelques mois. Ça doit être frustrant.

Au final ça coûte cher, même si c'est gratuit.

[Ryu2000]

C'est un framework. Mais ça ne change rien au fait que c'est inutile.
(...)
Avec un bon IDE et un minimum d'organisation, on peut avoir un site responsive, mobile first et même une structure MVC et des bouts de codes réutilisables sans avoir besoin d'outils comme Bootstrap.

Vous devez aimer écrire du CSS... (Si vous utilisez du code en commun entre plusieurs de vos projets, ça devient votre propre framework)

Bootstrap fait gagner du temps, on peut afficher quelque chose d'assez beau simplement et on a pas à tout prévoir pour tous les types d'écrans.
En plus il propose des Glyphicons de toute beauté :
https://getbootstrap.com/docs/3.3/components/

[shadypierre]

Je connais les différences entre CMS, framework, IDE, préprocesseurs et langages pures. C'est vrai dans le cas de Bootstrap je me suis trompé. C'est un framework. Mais ça ne change rien au fait que c'est inutile.

Il faut arrêter avec cet argument de réinvention de la roue. Ce n'est pas réinventer la roue que de ne pas vouloir se mettre dans les cages que sont les CMS ( ou dans une moindre mesure les frameworks ) surtout pour des langages descriptifs comme HTML et CSS.
Avec un bon IDE et un minimum d'organisation, on peut avoir un site responsive, mobile first et même une structure MVC et des bouts de codes réutilisables sans avoir besoin d'outils comme Bootstrap.
Après c'est vrai que je travaille tout seul. En équipe l'utilisation de framework devient plus intéressant.

Tu n'as clairement aucune maitrise du sujet dont tu parles, donner son avis c'est bien mais avoir un tel avis tranché sur un domaine dans lequel tu n'as clairement aucune expertise ne fait aucun sens .

[Zefling]

Je connais les différences entre CMS, framework, IDE, préprocesseurs et langages pures. C'est vrai dans le cas de Bootstrap je me suis trompé. C'est un framework. Mais ça ne change rien au fait que c'est inutile.

Rien avec ça, je peux dire tu parles sans vraiment connaître. On utilise en fonction des besoins on choisit les outils les plus adapter pour arriver à moindre coût à ce que l'on veut. Là, tu mélange les choux et les carottes, et tu viens nous dire qu'un choux c'est moins bien qu'une carotte.