Screen Ruler
Screen Ruler est un outil essentiel pour les développeurs et les designers web, permettant de mesurer et de valider les tailles, les marges et les alignements des éléments sur les pages web.
Listé dans les catégories:
Extensions ChromeOutils de conceptionOutils de développement
Description
Screen Ruler est une extension Chrome conçue pour les développeurs et les designers web afin de mesurer les tailles, les distances, les marges et les remplissages de tout élément sur une page web. Elle permet aux utilisateurs de valider la mise en œuvre de leurs sites web en fournissant des informations détaillées sur les éléments de la page, y compris les noms de balises, les identifiants et les classes.
Comment utiliser Screen Ruler?
Activez Screen Ruler en cliquant sur l'icône de l'extension, en le sélectionnant dans le menu contextuel du clic droit, ou en utilisant le raccourci Alt/Option + Shift + R. Survolez les éléments pour afficher leurs tailles et propriétés, et sélectionnez des éléments pour mesurer les distances entre eux.
Fonctionnalités principales de Screen Ruler:
1️⃣
Mesurer la taille en pixels de tout élément
2️⃣
Mesurer la distance en pixels entre deux éléments
3️⃣
Accéder aux noms de balises HTML, aux noms de classes et aux identifiants
4️⃣
Sélections réactives qui se redimensionnent avec la fenêtre de votre navigateur
5️⃣
Copier le CSS calculé dans le presse-papiers
Pourquoi pourrait-il être utilisé Screen Ruler?
| # | Cas d'utilisation | Statut | |
|---|---|---|---|
| # 1 | Développeurs web validant les mises en page de sites web | ✅ | |
| # 2 | Designers s'assurant d'une mise en œuvre parfaite des designs | ✅ | |
| # 3 | Équipes d'assurance qualité vérifiant l'alignement et l'espacement des éléments web | ✅ | |
Développé par Screen Ruler?
Screen Ruler est développé par Mr. Violets, un développeur axé sur la création d'outils qui améliorent l'expérience de développement web. L'extension est conçue pour la stabilité dans Google Chrome et est compatible avec d'autres navigateurs Chromium.