Screen Ruler
Screen Ruler adalah alat yang sangat penting bagi pengembang dan desainer web untuk mengukur dan memvalidasi ukuran, jarak, dan penyelarasan elemen di halaman web.
Terdaftar dalam kategori:
Ekstensi ChromeAlat DesainAlat Pengembang
Deskripsi
Screen Ruler adalah ekstensi Chrome yang dirancang untuk pengembang web dan desainer untuk mengukur ukuran, jarak, margin, dan padding dari elemen mana pun di halaman web. Ini memungkinkan pengguna untuk memvalidasi implementasi situs web mereka dengan memberikan informasi terperinci tentang elemen di halaman, termasuk nama tag, ID, dan kelas.
Cara menggunakan Screen Ruler?
Alihkan Screen Ruler dengan mengklik ikon ekstensi, memilihnya dari menu konteks klik kanan, atau menggunakan pintasan Alt/Option + Shift + R. Arahkan kursor ke elemen untuk menampilkan ukuran dan propertinya, dan pilih elemen untuk mengukur jarak di antara mereka.
Fitur inti dari Screen Ruler:
1️⃣
Mengukur ukuran piksel dari elemen mana pun
2️⃣
Mengukur jarak piksel antara dua elemen
3️⃣
Mengakses nama tag HTML, nama kelas, dan ID
4️⃣
Pilihan responsif yang menyesuaikan dengan jendela browser Anda
5️⃣
Menyalin CSS yang dihitung ke clipboard
Mengapa bisa digunakan Screen Ruler?
| # | Kasus Penggunaan | Status | |
|---|---|---|---|
| # 1 | Pengembang web yang memvalidasi tata letak situs web | ✅ | |
| # 2 | Desainer yang memastikan implementasi desain yang sempurna | ✅ | |
| # 3 | Tim jaminan kualitas yang memeriksa penyelarasan dan jarak elemen web | ✅ | |
Dikembangkan oleh Screen Ruler?
Screen Ruler dikembangkan oleh Mr. Violets, seorang pengembang yang fokus pada pembuatan alat yang meningkatkan pengalaman pengembangan web. Ekstensi ini dirancang untuk stabilitas di Google Chrome dan kompatibel dengan browser Chromium lainnya.