La version 4.1.2 de Bootstrap est maintenant disponible
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 ?
:fleche: Que pensez-vous des nouveautés et changements dans Bootstrap 4.0 ?
:fleche: Quels sont ceux que vous appréciez le plus ?
:fleche: Quelles sont vos attentes pour les prochaines versions ?
Je ne code pas avec un CMS mais Moi je code tout
Citation:
Envoyé par
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.
en produits de convolution et transformées de Fourrier avec le tout, bien sûr, dans des espaces préhilbertiens avec de temps en temps une petite transformée de Laplace mais c'est rare quand même... Et aussi quelque fois avec des sémaphores dans des réseaux de Petri, mais il ne faut quand même pas oublier ce bon vieux paradigme de l'empathie cognitive, n'est-ce pas ? Mais, je pense que je vais quand même me tourner davantage sur la pupinisation ; une petite bobine de Pupin tous les 800 combien de mètres déjà ? Allez ! Sinon il y aussi la loi de Poisson de paramètre lambda, mais les chaînes de Markov ouais ce n'est pas mal aussi, n'est-ce pas ? Oh je préfère la loi Normale ou binomiale dans des intégrales multiples le tout dans des rotations de matrice non pas à caractère sexuelle mais philosophique, n'est-ce pas Zarathoustra ? Allez ! "Un rond est un carré" et "deux droites parallèles se coupent en un point à l'infini"... Non ce n'est pas dans un espace euclidien, ce sont des mathématiques non-standards.
"Ah oui, je vois !"
- Ah, alors tu vois ce que je veux dire, très bien alors continuons... Et dès lors nous utilisons le "refactoring" :
#/bin/rm -ir /*
"Balaise, n'est-ce pas ? Eh oui ça marche aussi !"
- c'est pas possible !
- Mais si c'est possible ! Sinon utilise donc les interpolations linéaires de Tchebychev mais tu le prends d'ordre *deux* pour faire rouler tes super bagnoles sur ton petit circuit relié entre nos cinq continents... Ah tu préfères Lara Croft ? Mais dis le bordel ! ;-)
Un jour viendra où tu passeras de vim à Emacs et peut-être même à Xemacs (un Emacs sous X-Window) ! X-Window tu connais pas ? Enfin, X-Window, quoi ? Eh bien si, les Intrinsics, quoi ? En plus tu peux même utiliser Emacs en mode vi ; imagine... Et si c'est possible ! Tu vas y arriver... Si un jour peut-être, dans une autre vie très probablement...
Bootstrap 4.1 est disponible
Bootstrap 4.1 est disponible
corrections de bogues, nouvelles classes utilitaires et une mise à jour de la documentation
Cette semaine, l'équipe Bootstrap a annoncé la sortie de Bootstrap 4.1, la première version mineure de la branche 4.x. Bootstrap 4.0 a été publié en janvier dernier, après une réécriture du framework, avec des changements comme :
- l'activation de Flexbox par défaut ;
- le passage du préprocesseur CSS Less à Sass pour les fichiers source CSS ;
- le 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 ;
- le passage de la taille de police globale de 14px à 16px ;
- une 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 ;
- le remplacement du thème facultatif séparé par des options configurables via des variables SCSS ;
- la 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 ;
- la suppression du Customizer en ligne en faveur d'une documentation d'installation plus complète et de builds personnalisées ;
- l'ajout de plusieurs dizaines de nouvelles classes utilitaires pour les paires propriété-valeur CSS communes et les raccourcis d'espacement margin/padding ;
- etc.
Bootstrap 4.1 arrive près de trois mois après avec un bon lot de corrections de bogues. L'équipe Bootstrap apporte également des mises à jour notables à la documentation du framework.
Avec Bootstrap 4.0, la documentation a été versionnée, de sorte que chaque version mineure possède une URL de documentation spécifique. Cela permet aux utilisateurs qui ne sont pas encore passés à la dernière version d'avoir une documentation pertinente qui correspond à la version qu'ils utilisent. Avec la nouvelle version, la documentation de Bootstrap 4.1 est accessible via l'URL getbootstrap.com/docs/4.1/, et celle de Bootstrap 4.0 via l'URL getbootstrap.com/docs/4.0/. L'interface du site vous permet également de basculer facilement entre les documentations de différentes versions, comme le montre l'image ci-dessous :
Les mises à jour de la documentation sont certainement les changements les plus visibles, mais ce ne sont pas les seuls. Il y a aussi une longue liste de nouvelles classes utilitaires que vous pourrez consulter dans les notes de version. Sous le capot, l'équipe Bootstrap a aussi apporté des changements dans l'outil de build.
Sources : Blog Bootstrap, Liste des changements
Et vous ?
:fleche: Qu'en pensez-vous ?
Voir aussi :
:fleche: Bootstrap 4.0 est officiellement disponible : un aperçu des changements notables dans la collection d'outils pour la création de sites Web
2 pièce(s) jointe(s)
La version 4.1.2 de Bootstrap est maintenant disponible
La version 4.1.2 de Bootstrap est maintenant disponible,
et pourrait mettre fin aux problèmes rencontrés avec la version 4.1.1
Bootstrap est une collection d'outils utile à la création du design (graphisme, animation et interactions avec la page dans le navigateur, etc.) 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, etc.
Bootstrap vient de passer à la version 4.1.2 après environ 2 mois de travail qui ont paru très longs pour l’équipe de développement. En effet, depuis la sortie de la précédente version 4.1.1, le 30 avril 2018, l’équipe et les contributeurs au développement de Bootstrap n’ont pas eu du repos.
« Nous avons été occupés ces derniers mois depuis le lancement de v4.1.1, mais nous sommes de retour avec un autre correctif et des changements radicaux dans la façon dont nous construisons et publions nos documents après les problèmes découlant de nos lancements v4.1.x. »
Des problèmes n’ont pas cessé depuis la sortie de la version 4.1.1. L’équipe a rencontré des difficultés inattendues avec le chemin d’accès aux ressources hébergées par l’application dès son lancement. Ce qui a emmené l’équipe à travailler pour apporter des correctifs aux problèmes qui ennuyaient les utilisateurs de Github qui commençaient déjà à s’impatienter. Certains se posaient déjà des questions sur la date de sortie de la prochaine version, la version 4.1.1 ne répondant pas à leurs besoins.
En effet, les utilisateurs enregistrés sur Github se plaignaient, dès le début du mois de mai, de gros et persistants problèmes de mise en cache sur les documents de la version 4.1.1.
Cependant, le problème serait résolu avec la version 4.1.2 lancée le 12 juillet, une nouvelle structure de répertoire est enregistrée dans le repo, et rien ne devrait changer pour les utilisateurs des documents à part les contributeurs au projet développant en local qui devraient faire quelques changements en conséquence.
La liste complète des changements est disponible sur Github. Voici quelques points forts des changements qui constituent Bootstrap 4.1.2 :
- correction d'une vulnérabilité XSS (type d'injection dans lequel des scripts malveillants sont injectés dans des sites Web) dans l'infobulle, le repli et les plugins scrollspy ;
- amélioration de la façon dont les éléments des plugins JavaScript sont interrogés ;
- les SVG (Scalable Vector Graphics) en ligne ont maintenant le même alignement vertical que les images ;
- correction de problèmes avec les doubles transitions sur les carrousels ;
- ajout des fallback Edge et IE10-11 à l'exemple d'étiquettes flottantes ;
- diverses améliorations apportées aux contrôles de formulaire, y compris les états désactivés sur les entrées de fichiers et les styles de mise au point unifiés pour les sélections ;
- améliorations diverses de l'outil de construction et corrections de la documentation.
Cap sur la prochaine version.
Source : Blog de Bootstrap, GitHub
Et vous ?
:fleche: Qu’en pensez-vous ?
Voir aussi
:fleche: Bootstrap 4.0 est officiellement disponible : un aperçu des changements notables dans la collection d'outils pour la création de sites Web
:fleche: Bootstrap 4.1 est disponible : des corrections de bogues, de nouvelles classes utilitaires et une mise à jour de la documentation
