Connexion
Abonnez-vous

Bootstrap 4.3 disponible, la version 5.0 abandonnera jQuery pour JavaScript

Bootstrap 4.3 disponible, la version 5.0 abandonnera jQuery pour JavaScript

Le 15 février 2019 à 09h54

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.

Abonnez-vous
votre avatar



Dans ce mode, la taille est automatiquement calculée en fonction des dimensions de la surface d’affichage.



Et le DPI? Non?

votre avatar

Tu connais un moyen pour connaître le DPI dans un environnement web ? Oo

votre avatar

é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 <img data-src=" />

votre avatar

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.

votre avatar



Bootstrap 4.3 disponible, la version 5.0 abandonnera jQuery pour JavaScript





Heu… jQuery, c’est du Javascript, non ?

votre avatar

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.









Ricard a écrit :



Heu… jQuery, c’est du Javascript, non ?





jQuery est une librairie Javascript, une surcouche qui alourdi la page (en poids comme en consommation mémoire/cpu), c’est un très gros script Javascript. Et du coup Javascript c’est un langage (et toutes les technos implémentées dans les navigateurs pour l’interprétation des scripts Javascript)


votre avatar







Kevsler a écrit :



jQuery est une bibliothèque Javascript, une surcouche qui alourdi la page (en poids comme en consommation mémoire/cpu), c’est un très gros script Javascript.







jQuery est donc bien du Javascript, au final.

J’ai toujours entendu dire que ça simplifiait bien le code… je dis ça, je me suis arrêté au html/css. <img data-src=" />


votre avatar

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.

votre avatar

adieu&nbsp;



font-size:calc(16px+6*((100vw-320px)/680))





&nbsp;youpi

votre avatar

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

votre avatar







Gersho a écrit :



adieu&nbsp;



font-size:calc(16px+6*((100vw-320px)/680))





&nbsp;youpi





Qui fait ça ?

Perso c’est 1rem et ça se démerde


votre avatar

les rares fois ou j’ai fait du css j’ai choppé ça sur google :p

votre avatar







Solunne a écrit :



Qui fait ça ?

Perso c’est 1rem et ça se démerde





Il peut arriver qu’on ait besoin d’une police responsive et dans ce cas là c’est tout simple avec l’unité vw ou même % (j’ai quand même une préférence pour vw).

Clairement je ne vois pas pourquoi s’embêter avec des calc aussi complexes pour une taille de police surtout que lorsqu’on descend à une résolution pour smartphone on a tendance à tout réorganiser en une seule colonne.


Bootstrap 4.3 disponible, la version 5.0 abandonnera jQuery pour JavaScript

Fermer