CSS
Collecter les styles des pages
Saisissez une URL. Milten lit les feuilles de style disponibles et regroupe les couleurs, polices, tailles, espacements, rayons des angles, ombres et propriétés personnalisées récurrents.
Couleurs, polices et espacements de votre site
Regroupez couleurs, polices et espacements d’une page dans un rapport. Repérez les valeurs répétées et les différences pour harmoniser le design.
Comment fonctionne le scanner
Des sources CSS à une synthèse de fréquence des valeurs
Fréquence
Regrouper les valeurs répétées
Le rapport compte la fréquence d'apparition des couleurs, polices, tailles, espacements, border-radius, box-shadow et variables CSS identiques. Plus une valeur se répète, plus elle ressemble à un token de système.
Résumé
Afficher la concentration et la dispersion
La synthèse permet de voir rapidement où les valeurs se répètent de manière cohérente et où l'interface a accumulé une large dispersion de couleurs, tailles, polices ou ombres.
Lecture
Aider à choisir ce qu'il faut examiner en premier
Comparez les couleurs, tailles de police et espacements répétés avec leur rôle dans les composants. Des valeurs proches peuvent être intentionnelles. La synthèse CSS aide à préparer les tokens, mais ne produit ni système de design terminé ni noms sémantiques.
Contenu du rapport
Sept groupes de valeurs de style
Couleurs
Couleurs répétées
Le scanner affiche les valeurs de couleur et leur nombre d’utilisations afin que vous puissiez distinguer les couleurs système des nuances locales accidentelles.
valeurutilisations
Polices
Polices et tailles de texte
Le rapport inclut les valeurs font-family détectées, leur fréquence d’apparition et les valeurs font-size répétées.
font-familyfont-size
Espacement / taille
Tailles, marge, padding, largeur et hauteur
Le résumé met en évidence les valeurs de taille et d’espacement fréquemment utilisées. Une dispersion importante ici indique généralement une faible cohérence de grille.
pxrem
Rayon / ombres
Rayons et ombres
Des groupes distincts montrent les valeurs border-radius et box-shadow répétées, y compris les cas où une valeur apparaît plus souvent que les autres.
rayonombre
Variables CSS
Propriétés personnalisées détectées
Le scanner affiche les propriétés personnalisées CSS et leur nombre d’utilisations afin que vous puissiez voir quelles variables fonctionnent déjà comme des tokens.
--varutilisations
FAQ
Questions fréquentes sur le scanner de tokens CSS
Réponses courtes sur les valeurs incluses dans le rapport et sur la lecture du résumé de fréquence.
En quoi le scanner de tokens CSS diffère-t-il de l’export des variables CSS ?
Il voit plus large : au-delà des propriétés personnalisées, le rapport affiche les couleurs, polices, valeurs font-size, tailles, espacements, border-radius et box-shadow répétés. La fréquence d’utilisation compte pour chaque valeur.
Puis-je analyser un site sans accès au dépôt ?
Oui. La première passe peut s’exécuter sur les pages publiques et les styles liés. Si une partie du CSS est derrière une authentification ou ne se charge pas sur la page, elle n’entrera pas dans le résumé.
Le rapport montre-t-il les conflits de tokens ?
Le rapport présente les valeurs répétées et leur répartition. Il ne détermine pas les conflits sémantiques et ne propose pas de noms de tokens. Votre équipe décide de leur organisation.
Le scanner est-il utile si des tokens existent déjà ?
Oui. Le rapport montre quelles variables CSS ont été trouvées et à quelle fréquence elles sont utilisées, ainsi que les endroits où des valeurs brutes répétées subsistent à proximité : couleurs, tailles, espacements ou ombres.
Comment lire les valeurs vides ou rares ?
Une valeur rare peut appartenir à un état ou à un composant important. Vérifiez où elle est utilisée avant de la fusionner ou de la supprimer. La fréquence aide à choisir quoi examiner en premier, mais ne décide pas quelles valeurs doivent devenir un seul token.
Services associés
Ce qu'il faut vérifier ensuite avec ce service
Audit CSS
Repérez les feuilles de style volumineuses, les doublons et les styles inutilisés au chargement. Ces styles peuvent servir sur d’autres pages ou après une action de l’utilisateur.
OuvrirVérification HTML
Repérez les erreurs HTML et les structures de page trop complexes. Le rapport indique les éléments concernés.
OuvrirAccessibilité
Repérez les problèmes d’accessibilité avec une vérification automatique. Obtenez des recommandations ; une évaluation complète exige aussi des vérifications manuelles.
OuvrirVérification JavaScript
Vérifiez les fichiers JavaScript, les erreurs de chargement et le code inutilisé au chargement. Repérez les scripts à examiner davantage.
Ouvrir