Préfixes navigateurs dans les CSS du privé
Dans les CSS du privé on commence à utiliser largement des propriétés qui peuvent requérir des préfixes navigateur : flex, grid, etc. Pour ma part je ne les ai pas encore préfixées, en général je fais ça sur la fin une fois que tout est stabilisé (mais j'ai vu que j'étais pas le seul à pas préfixer, ouf). Mais ces préfixes sont vraiment une plaie intégrale : c'est chronophage à ajouter et encore plus à modifier, ça alourdit le code et le rend moins lisible, ça fait du bruit de fond dans les commits quand il faut les mettre à jour lorsque le support évolue, et j'en passe.
Mais s'occuper des préfixes navigateurs, c'est pas notre boulot :) On ne devrait plus avoir à faire ça manuellement. À défaut de préprocesseur ou d'outil qui permettrait de faire ça semi-automatiquement (en général ils buttent sur les balises Spip de nos squelettes css), il existe une autre solution : les autoprefixeurs JS. Ils ajoutent les préfixes à la volée, mais uniquement ceux nécessaires au navigateur, produisant une css plus légère qu'avec les autres solutions.
Celui-ci est très léger, 2Kb gzippé, il suffit d'inclure le script dans la page et c'est tout : https://projects.verou.me/prefixfree/ Je propose de l'intégrer et d'oublier les préfixes à tout jamais.
Dans le privé il serait chargé tout le temps. Pour le public, je ne sais pas, 2 possibilités :
- se contenter de dire qu'il est disponible dans la doc technique, charge aux gens de l'intégrer eux-mêmes dans leur squelettes s'ils en ont l'utilité.
- ou bien faire un mini plugin-dist sur le même modèle que l'ancien iepatch, avec une option de config « charger le script bla bla ».