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.
Commentaires (13)
#1
adieu
font-size:calc(16px+6*((100vw-320px)/680))
youpi
#2
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).
#3
#4
les rares fois ou j’ai fait du css j’ai choppé ça sur google :p
#5
#6
Dans ce mode, la taille est automatiquement calculée en fonction des dimensions de la surface d’affichage.
Et le DPI? Non?
#7
Tu connais un moyen pour connaître le DPI dans un environnement web ? Oo
#8
é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
#9
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.
#10
Bootstrap 4.3 disponible, la version 5.0 abandonnera jQuery pour JavaScript
Heu… jQuery, c’est du Javascript, non ?
#11
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.
#12
#13
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.