Ouvrir le menu principal

MacGeneration

Recherche

Les variables CSS prises en charge par la bêta de Chrome

Nicolas Furno

lundi 08 février 2016 à 17:30 • 18

Logiciels

Jusque-là, seul Firefox prenait en charge les variables CSS, mais depuis le début de l’année, le rythme s’est accéléré. Après Safari qui ajoute cette fonction avec la version 9.1 sur OS X et iOS (actuellement en bêta), c’est Chrome qui l’a intégrée dans sa bêta. La version 49 qui sera finalisée dans les prochaines semaines et distribuée automatiquement à tous les utilisateurs permet également d’en bénéficier.

Quelques exemples de variables CSS : des espacements, un nombre de colonnes ou encore des couleurs.
Quelques exemples de variables CSS : des espacements, un nombre de colonnes ou encore des couleurs.

Les variables CSS permettent aux concepteurs de sites web de mémoriser un élément de mise en page, comme une couleur ou encore une taille. On définit la variable à un endroit donné et on peut ensuite l’utiliser dans tout le site, mais au lieu de dupliquer la valeur partout, on utilise le nom de la variable. Avantage évident, si on veut changer cette valeur — par exemple, si on voulait passer MacGeneration en violet —, il suffit de la changer une seule fois, au moment où on enregistre la variable. Le changement sera alors répercuté sur tout le document.

Les développeurs utilisaient déjà des variables en CSS, mais ils exploitaient des langages intermédiaires, comme le SASS ou le LESS. Au moment de la publication, ils devaient les convertir en fichiers CSS standard. Avec les variables CSS natives, il n’est plus nécessaire d’utiliser un autre langage et autre avantage, on peut exploiter ces variables sur le site lui-même. Google a mis en place un petit exemple (il fonctionne dans les dernières versions de Chrome et de Firefox, mais bizarrement, pas dans les bêtas de Safari) où le visiteur peut changer l’interface de la page. Avec une petite dose de JavaScript, on peut créer une interface pour changer la couleur, mais aussi le nombre de colonnes et l’espace entre chaque élément.

Google a publié une page qui présente l’un des intérêts des variables CSS : changer la couleur d’un élément en un clic.
Google a publié une page qui présente l’un des intérêts des variables CSS : changer la couleur d’un élément en un clic.

Pour que les variables CSS puissent vraiment se généraliser, il faudrait que tous les navigateurs le prennent en charge. L’ajout de Chrome est une étape essentielle, d’autant que le navigateur de Google est toujours en tête des parts de marché. Néanmoins, il faudra encore patienter que la version 49 soit disponible partout et notamment sur Android, ce qui ne sera pas si simple. Et puis il manquera encore un navigateur majeur : Microsoft ne semble pas vraiment intéressé pour ajouter ces variables à Edge. Peut-être que l’arrivée de Chrome changera les choses ?

Source :

Rejoignez le Club iGen

Soutenez le travail d'une rédaction indépendante.

Rejoignez la plus grande communauté Apple francophone !

S'abonner

Test du Twelve South AirFly Pro 2 : pour s’enfiler en l’air

05/07/2025 à 11:00

• 7


Sortie de veille : un MacBook avec une puce d’iPhone, attrape-nigaud ou coup de génie ?

05/07/2025 à 08:00

• 24


Un dirigeant de Microsoft conseille aux plus de 9 000 employés licenciés de se faire aider par l’IA

04/07/2025 à 22:00

• 181


Apple fait ses emplettes dans les start-up, entre avatars virtuels et monitoring de l’IA

04/07/2025 à 21:00

• 1


Un premier pas vers le jailbreak de la Touch Bar : le système démarre en mode verbose

04/07/2025 à 17:45

• 22


MacBook Air M2 à 750 € ou Mac Studio M2 Max à 1 300 € ? Entre portable et fixe, il faut choisir

04/07/2025 à 15:22

• 27


Un (faux) traceur GPS sur les cartons des MacBook Air, pour dissuader les livreurs de les voler

04/07/2025 à 13:02

• 82


Un site web pour décoder les pages sauvées en .webarchive par Safari

04/07/2025 à 11:00

• 5


Ulanzi présente une station d'accueil au look de petit Mac Pro

04/07/2025 à 10:15

• 17


Promo : une batterie chameau de 27650 mAh capable de recharger Mac et iPhone à 114 € (-56 €)

04/07/2025 à 09:18

• 13


Développeurs : Technotes ajoute des notes de la communauté sur la documentation d’Apple

04/07/2025 à 08:33

• 5


L’iPhone redécolle en Chine, le Mac cartonne aux États-Unis : Apple souffle un peu avant les trimestriels le 31

04/07/2025 à 07:52

• 41


Apple a creusé l’idée de proposer des services de cloud computing aux développeurs pour concurrencer AWS

03/07/2025 à 21:45

• 47


Apple sort des fonds d’écran aux couleurs de son nouvel Apple Store à Osaka

03/07/2025 à 21:00

• 10


Test du ViewSonic ColorPro VP2788-5K : 27″, 5K et DCI-P3 pour le prix d’un demi-Studio Display

03/07/2025 à 20:30

• 10


Guerre commerciale : les produits fabriqués au Vietnam voient leur taxe multipliée par cinq

03/07/2025 à 20:20

• 31