Penggaris yang Lebih Baik: Penggaris Halaman yang Praktis untuk Pengembangan Front-End dan Desain UI
Better Ruler adalah add-on Chrome yang menyediakan cara yang nyaman untuk mengukur elemen web untuk pengembangan front-end dan desain UI. Dengan fitur snapping-nya, memungkinkan pengguna untuk dengan mudah mengukur ukuran elemen di halaman web.
Untuk menggunakan Better Ruler, cukup klik ikon plugin untuk menjalankan plugin. Klik lagi akan keluar dari plugin. Saat menggunakan plugin, menahan tombol Alt/Option saat menggerakkan mouse akan menampilkan ukuran elemen pada posisi mouse secara real time. Selain itu, menahan tombol kiri mouse dan menggerakkannya akan secara otomatis menjepit penggaris ke tepi elemen.
Better Ruler juga menawarkan mode pengeditan, yang dapat diaktifkan dengan mengklik dua kali lapisan saat ini. Dalam mode ini, pengguna dapat menyeret dan mengubah ukuran lapisan. Menekan tombol Backspace akan menghapus lapisan saat ini, dan mengklik dua kali lapisan lagi atau menekan Esc akan keluar dari mode pengeditan.
Untuk meningkatkan kegunaan, Better Ruler menyediakan shortcut. Menekan 'f' akan menampilkan atau menyembunyikan toolbar, sementara menekan Shift akan menampilkan atau menyembunyikan ukuran. Pengguna juga dapat menggunakan Alt+Z untuk mengaktifkan atau menonaktifkan plugin. Jika pintasan ini tidak berfungsi, pengguna dapat mengikat tombol tersebut sendiri di pengaturan ekstensi Chrome. Alternatifnya, setelah mengaktifkan plugin sekali, pengguna dapat menekan 'z' dua kali untuk mengaktifkan atau menonaktifkan plugin.
Untuk file HTML lokal, pengguna dapat pergi ke chrome://extensions, mencari plugin Better Ruler, dan mengaktifkan "izinkan akses ke URL file" untuk memastikan agar berfungsi secara efektif.
Better Ruler adalah add-on gratis yang menawarkan solusi sederhana dan efisien untuk mengukur elemen web, menjadikannya alat yang berharga bagi pengembang front-end dan desainer UI.