Ruler Grid szerző: MDesign
Ultimate web design toolkit! Precision rulers, eyedropper, font scanner, and live page editing in one powerful tool. Measure distances, pick colors, and tweak any layout in real-time. Build pixel-perfect websites faster. Essential for dev and design.
Néhány funkció fizetéshez kötött lehetNéhány funkció fizetéshez kötött lehet
Kiegészítő metaadatai
Képernyőképek
A kiegészítő névjegye
Ruler Grid — All-in-One Toolkit for Designers & Frontend Developers
Ruler Grid is a powerful Firefox extension that helps you analyze and refine any website’s layout. Measure elements, inspect styles, pick colors, and experiment with designs — all directly in your browser.
Key Features:
• Rulers & Guides
Measure distances and align elements with precision using horizontal and vertical guides.
• Eyedropper Tool
Pick any color or gradient from the page and copy values in HEX, RGB, or HSL.
• Typography Inspector
Identify fonts, sizes, weights, and line heights instantly.
• Live Page Editing
Edit text, spacing, and layout directly on any website without opening DevTools.
• CSS & Style Inspector
View computed styles, CSS properties, and Tailwind classes with one click.
• Responsive Grids
Overlay layout grids to check columns, gutters, and alignment across screen sizes.
Why Ruler Grid?
Fast, lightweight, and easy to use — Ruler Grid gives you the tools you need to analyze layouts and improve your workflow without leaving the page.
Ruler Grid is a powerful Firefox extension that helps you analyze and refine any website’s layout. Measure elements, inspect styles, pick colors, and experiment with designs — all directly in your browser.
Key Features:
• Rulers & Guides
Measure distances and align elements with precision using horizontal and vertical guides.
• Eyedropper Tool
Pick any color or gradient from the page and copy values in HEX, RGB, or HSL.
• Typography Inspector
Identify fonts, sizes, weights, and line heights instantly.
• Live Page Editing
Edit text, spacing, and layout directly on any website without opening DevTools.
• CSS & Style Inspector
View computed styles, CSS properties, and Tailwind classes with one click.
• Responsive Grids
Overlay layout grids to check columns, gutters, and alignment across screen sizes.
Why Ruler Grid?
Fast, lightweight, and easy to use — Ruler Grid gives you the tools you need to analyze layouts and improve your workflow without leaving the page.
Értékelés 0 szerkesztő által: 0
Engedélyek és adatok
Szükséges engedélyek:
- Bármely oldalon lévő tartalom blokkolása
- Fájlok letöltése, valamint a letöltési előzmények olvasása és módosítása
- Böngészőlapok elérése
- Az adatai elérése az összes webhelyhez
Nem kötelező engedélyek:
- Az adatai elérése az összes webhelyhez
Adatgyűjtés:
- A fejlesztő szerint ez a kiegészítő nem igényel adatgyűjtést.
További információk
- Kiegészítő hivatkozásai
- Verzió
- 1.3.0
- Méret
- 4,79 MB
- Legutóbb frissítve
- egy hónapja (2026. ápr. 26.)
- Kapcsolódó kategóriák
- Licenc
- Minden jog fenntartva
- Verziótörténet
- Gyűjteményhez adás