Le W3C vient d’annoncer une prochaine recommandation de CSS avec le module de règles conditionnelles. Si certain(e)s d’entre vous connaissent sûrement déjà le mot clé @supports et son usage, sachez qu’il est enfin en passe d’être officiellement validé et reconnu à sa juste valeur. Dans le même temps, la fonctionnalité @media va aussi être complétée pour proposer plus de solutions aux web designers et intégrateurs web.
Plusieurs fonctionnalités de programmation intègrent peu-à-peu CSS, faisant de lui un langage de plus en plus complet (voire complexe pour les néophytes). Dans l’idée, il faut toujours voir ces ajouts de possibilités comme des avantages, pas nécessairement obligatoires à utiliser. Malgré tout, certaines recommandations changent la donne et les usages tant elles boostent le langage, et ce devrait être le cas avec les règles conditionnelles en CSS. Si vous êtes habitués à faire des “if… else…” en programmation, alors les “@supports (condition) { … }” devraient vous plaire. Les deux exemples ci-dessous montre des cas conditionnés autour de la propriété display:flex, lorsque celle-ci est appliquée, ou non (avec le mot clé “not” ajouté avant la condition dans ce cas). Je ne pourrais pas faire l’étalage de toutes les possibilités mais l’intérêt est vraiment fort pour l’avenir de CSS !
Dans les faits, la recommandation sur les conditionnelles en CSS est plus complet que ce que je vous annonce ici, et il serait réducteur de ne pas vous indiquer à minima deux autres points mis en avant pour la recommandation, qui peuvent aussi aider à terme à mieux intégrer nos pages web de plus en plus complexes :
Je rappelle qu’à ce jour, il ne s’agit que d’un candidat à la recommandation, étape obligatoire pour atteindre l’objectif définitif. En général, tout se passe bien et il ne s’agit qu’une question de temps, d’où mon emballement à l’approche de ces nouvelles possibilités enfin officialisées. En effet, je fais partie des développeurs qui n’aiment pas sauter sur les dernières nouveautés avant qu’elles soient totalement officielles, par peur de problème de rétrocompatibilité, etc. Si @supports en déjà plutôt bien supportée par les navigateurs, c’est encore mieux si nous sommes certains que les règles que la fonction incarne sont officielles…
Auteur : Alexandra Martin / Mathieu Chartier
Editeur : Eyrolles
Prix : 32,00 € (345 pages)
Auteur : Alexandra Martin / Mathieu Chartier
Editeur : Eyrolles
Prix : 32,00 € (570 pages)
Auteur : Alexandra Martin / Mathieu Chartier
Editeur : Eyrolles
Prix : 29,90 € (522 pages)
Auteur : Mathieu Chartier
Editeur : First Interactive
Prix : 19,90 € (411 pages)
Auteur : Mathieu Chartier
Editeur : First Interactive
Prix : 29,90 € (622 pages)
Télécharger “SwipeMenu.zip”SwipeMenu.zip – Téléchargé 18065 fois – 52 Ko
Télécharger “Spider Simulator PHP”spider-simulator.zip – Téléchargé 17479 fois – 2 Ko
Télécharger “ReadingIndicator 1.0”readingIndicator-1.0.zip – Téléchargé 15917 fois – 7 Ko
Télécharger “Parseur Facebook”parser-facebook.zip – Téléchargé 17316 fois – 3 Ko
Télécharger “Pack complet – moteur de recherche PHP 5.5 – PHP 7”moteurPHP5.5.zip – Téléchargé 34883 fois – 171 Ko
Ce blog est le résultat de plusieurs années de travail mais il ne fait pas manger son homme. Découvrez l’agence web et l’organisme de formation géré par Mathieu Chartier et n’hésitez pas à prendre contact pour suivre des formations personnalisées.
Tous droits réservés © Blog Internet-Formation 2009 – 2022
L