Bootstrap 4.3 disponible, la version 5.0 abandonnera jQuery pour JavaScript
Le 15 février 2019 à 09h54
2 min
Logiciel
Logiciel
La bibliothèque Bootstrap, open source et dédiée à tout ce qui touche au design de sites et applications, vient de paraître en version 4.3. On y trouve plusieurs nouveautés importantes, l’équipe en profitant pour annoncer des décisions radicales sur la future mouture 5.0.
On trouve plusieurs nouveaux utilitaires internes, notamment .stretched-link
qui permet d’affecter automatiquement à une ancre la taille de son plus proche parent position: relative
. On note aussi plusieurs améliorations, comme l’utilisation de null
pendant la compilation CSS pour les variables héritant leur valeur d’autres éléments.
Le plus gros apport de Bootstrap 4.3 reste cependant l’arrivée des tailles de polices « responsive ». Dans ce mode, la taille est automatiquement calculée en fonction des dimensions de la surface d’affichage. Par exemple, un smartphone ou une fenêtre de navigateur que l’on redimensionne.
Toutes les propriétés font-size
ont donc été basculées vers le mixin @include font-size()
, la configuration Stylelint bloquant l’utilisation de l’ancienne propriété. Le mode responsive est cependant désactivé par défaut, et il faudra basculer la variable booléenne $enable-responsive-font-sizes
pour l’obtenir.
En marge de cette annonce, l’équipe en a fait plusieurs autres sur Bootstrap 5.0, en préparation et a priori déjà bien avancé. Elle confirme par exemple le passage de Jekyll à Hugo pour tout ce qui touche à la documentation.
Bootstrap 5.0 abandonnera également jQuery au profit du classique JavaScript. La pull request est d’ailleurs presque prête. Il s’agit surtout selon l’équipe de se débarrasser de sa dernière grosse dépendance côté client. Elle promet des détails supplémentaires prochainement.
Le 15 février 2019 à 09h54
Commentaires (13)
Vous devez être abonné pour pouvoir commenter.
Déjà abonné ? Se connecter
Abonnez-vousLe 15/02/2019 à 11h16
Dans ce mode, la taille est automatiquement calculée en fonction des dimensions de la surface d’affichage.
Et le DPI? Non?
Le 15/02/2019 à 13h15
Tu connais un moyen pour connaître le DPI dans un environnement web ? Oo
Le 15/02/2019 à 15h36
évidemment:https://css-tricks.com/snippets/css/retina-display-media-query/
Quant aux formules complexes pour les tailles de polices c’est pas uniquement pour être proportionnel à la taille du viewport mais aussi pour mettre des limites minimum et maximum:https://css-tricks.com/snippets/css/fluid-typography/
Ces formules ne sortent pas de nulle part, il y a une très bonne raison derrière…
Quant à la news: c’est bien de se débarrasser de jQuery, j’attends maintenant qu’on se débarrasse de Bootstrap " />
Le 15/02/2019 à 16h40
On a toujours besoin de jQuery, car il y a toujours une librairie ou un framework qui en dépend, dans 99.99% des projets sérieux (je ne parle pas des sites de linuxiens barbus que seuls eux-mêmes visitent).
Donc autant que Bootstrap l’utilise, ça fait un total plus petit puisque de toute façon il faut inclure jQuery.
Le 15/02/2019 à 18h06
Bootstrap 4.3 disponible, la version 5.0 abandonnera jQuery pour JavaScript
Heu… jQuery, c’est du Javascript, non ?
Le 15/02/2019 à 18h14
Ah ouais… J’suis à la bourre sur le suivi des normes.
Et pourquoi tu dis ça concernant Bootstrap ? C’est le genre de framework qui ont fait du bien au web (et surtout aux devs) en facilitant la portabilité des applications sur différents navigateurs et du coup à terme en contribuant à la construction d’une norme.
Le 16/02/2019 à 09h58
Le 16/02/2019 à 11h22
jQuery est totalement inutile pour la quasi totalité des scripts actuels. Il est encore beaucoup utilisé par habitude car a une époque il répondait à un vrai besoin en permettant d’utiliser un même code pour différents browsers et en facilitant pas mal de choses qui n’existaient pas en JavaScript natif. Aujourd’hui le JavaScript natif a implémenté les fonctions les plus utiles de jQuery et fonctionne de la même manière sur tous les browsers récents.
De la même manière, bootstrap a rendu relativement simple la création de sites web responsive. Mais maintenant on a CSS grid supporté nativement dans tous les browsers (même IE11 quand on utilise PostCSS). Et de très mauvaises habitudes ont été prises par les devs qui utilisent bootstrap sur le mélange entre le markup html et la mise en page.
Bref, il reste des fonctionnalités pratiques à bootstrap mais je ne lance plus aucun projet sur cette techno.
Le 15/02/2019 à 10h13
adieu
font-size:calc(16px+6*((100vw-320px)/680))
youpi
Le 15/02/2019 à 10h31
Ah c’est une… bonne nouvelle pour la fin de jQuery avec Bootstrap. Enfin j’sais pas trop. Dans certains cas ça me rend quelques menu services, mais bon… c’est lourd.
J’comprends pas leur graphique sur les font-size en fonction de la largeur de fenêtre. J’ai tendance à faire l’inverse : diminuer les tailles de police sur les grands écrans et l’augmenter sur les smartphones (parce que c’est pas le même DPI du tout).
Le 15/02/2019 à 10h32
Le 15/02/2019 à 10h36
les rares fois ou j’ai fait du css j’ai choppé ça sur google :p
Le 15/02/2019 à 11h06