Screen Ruler
Screen Ruler è uno strumento indispensabile per sviluppatori e designer web, che consente di misurare e convalidare le dimensioni, i margini e gli allineamenti degli elementi nelle pagine web.
Elencato nelle categorie:
Estensioni di ChromeStrumenti di designStrumenti per sviluppatori
Descrizione
Screen Ruler è un'estensione di Chrome progettata per sviluppatori web e designer per misurare dimensioni, distanze, margini e padding di qualsiasi elemento su una pagina web. Consente agli utenti di convalidare l'implementazione dei propri siti web fornendo informazioni dettagliate sugli elementi presenti nella pagina, inclusi nomi dei tag, ID e classi.
Come usare Screen Ruler?
Attiva Screen Ruler facendo clic sull'icona dell'estensione, selezionandola dal menu contestuale del tasto destro o utilizzando la scorciatoia Alt/Opzione + Shift + R. Passa il mouse sugli elementi per visualizzarne le dimensioni e le proprietà, e seleziona gli elementi per misurare le distanze tra di essi.
Funzionalità principali di Screen Ruler:
1️⃣
Misura la dimensione in pixel di qualsiasi elemento
2️⃣
Misura la distanza in pixel tra due elementi
3️⃣
Accedi ai nomi dei tag HTML, nomi delle classi e ID
4️⃣
Selezioni reattive che si ridimensionano con la finestra del browser
5️⃣
Copia il CSS calcolato negli appunti
Perché potrebbe essere usato Screen Ruler?
| # | Caso d'uso | Stato | |
|---|---|---|---|
| # 1 | Sviluppatori web che convalidano i layout dei siti web | ✅ | |
| # 2 | Designer che garantiscono un'implementazione perfetta in pixel dei design | ✅ | |
| # 3 | Team di assicurazione qualità che controllano allineamento e spaziatura degli elementi web | ✅ | |
Sviluppato da Screen Ruler?
Screen Ruler è sviluppato da Mr. Violets, uno sviluppatore focalizzato sulla creazione di strumenti che migliorano l'esperienza di sviluppo web. L'estensione è progettata per la stabilità in Google Chrome ed è compatibile con altri browser Chromium.