Ouvrir le menu principal

MacGeneration

Recherche

CSS Scan simplifie l’analyse du style des sites dans Chrome et Firefox

Nicolas Furno

mercredi 15 mai 2019 à 08:30 • 14

Logiciels

CSS Scan est une nouvelle extension pour les navigateurs qui simplifie nettement l’analyse du style des sites. Tous les navigateurs modernes intègrent un inspecteur qui permet, entre autres choses, de consulter les feuilles de style CSS de chaque page. Mais cette extension va plus loin, puisqu’elle affiche directement le code CSS correspondant à n’importe quel élément survolé sur la page dans un petit pop-up. Au passage, le code CSS est « nettoyé » pour un affichage plus clair, notamment concernant les propriétés de survol.

CSS Scan en action dans Chrome, sur le site de MacGeneration.

Outre cette fonction d’affichage, CSS Scan simplifie la vie des designers et développeurs web en permettant de copier le contenu CSS affiché d’un clic. La barre d’espace permet aussi de bloquer le bloc actuellement à l’écran et d’en afficher un deuxième en survolant un autre élément de la page. D’autres options sont proposées dans le menu dédié, l’une pour afficher la grille qui sépare chaque élément, l’autre pour gérer ce qui sera copié exactement (uniquement les propriétés ou aussi les noms de classe, par exemple).

Pour le moment, l’extension CSS Scan est proposée dans Chrome et Firefox, mais son créateur nous a indiqué qu’une version pour Safari allait suivre prochainement. Dans tous les cas, l’extension ajoute son interface en haut ou en bas de la page en cours et vous pouvez l’activer d’un clic ou en utilisant le raccourci clavier ⌘⇧S sur macOS.

Contrairement à la majorité des extensions de navigateurs, CSS Scan est payante. Vous pouvez la télécharger sur le Web Store de Chrome, mais elle sera inutile sans une licence, et vous pourrez télécharger l’extension Firefox après achat. L’extension est vendue 25 $ HT en temps normal, mais elle est proposée pour quelques heures encore à 10 $ HT seulement, soit environ 10,7 € TTC.

Il n’y a pas vraiment de démonstration limitée dans le temps, mais vous pouvez tester gratuitement CSS Scan sur son site officiel. Cliquez sur le bouton « Try it yourself on this page » en haut et vous activerez une interface similaire à celle des extensions Chrome et Firefox, mais dans le navigateur en cours. Et cela fonctionne même dans Safari.

Rejoignez le Club iGen

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

Rejoignez la plus grande communauté Apple francophone !

S'abonner

Kernel Panic : AMD, Intel… faut-il enterrer le x86 ?

07:30

• 1


Obtenez Microsoft Office à vie pour votre Mac ou PC dès 15 € sur Godeal24 📍

11/02/2025 à 23:59


L’extension Swift pour Visual Studio Code est désormais prise en charge par les créateurs de Swift… et donc Apple

11/02/2025 à 22:04

• 7


Pixelmator Pro et Photomator annoncent leur acquisition par Apple

11/02/2025 à 20:07

• 23


Week-end 100 % foot pour Tim Cook

11/02/2025 à 18:10

• 8


Client Git : Tower 12.5 gère aussi la fonctionnalité worktree

11/02/2025 à 17:30

• 14


Test des Powerbeats Pro 2 : réduction de bruit sur fond de rythme cardiaque

11/02/2025 à 16:00

• 22


IA : l’Union européenne veut mobiliser 200 milliards d’euros d’investissements

11/02/2025 à 15:26

• 42


Refurb : le MacBook Air 15 M3 16/512 Go à 1 589 € (-240 €)

11/02/2025 à 15:00

• 2


Les MacBook Pro à écran OLED seraient bien en route pour 2026

11/02/2025 à 14:30

• 41


Bouygues Telecom offre un an d’abonnement à Perplexity Pro à tous ses clients

11/02/2025 à 13:07

• 63


La prise en charge de la Touch Bar va s’améliorer sous Linux

11/02/2025 à 11:29

• 13


Elon Musk propose 97 milliards de dollars pour prendre le contrôle d’OpenAI

11/02/2025 à 10:16

• 103


Google Maps renomme le Golfe du Mexique en Golfe d'Amérique 🆕

11/02/2025 à 09:51

• 359


Promos : le Mac mini M4 à 640 € et le M4 Pro à 1478 € (-171 €)

11/02/2025 à 08:37

• 4


iOS 18.3.1 corrige une faille de sécurité exploitée 🆕

11/02/2025 à 07:43

• 24