
Gridt por gavink
A highly customizable CSS Grid overlay for web developers
Necesitarás Firefox para usar esta extensión
Metadata de la extensión
Capturas de pantalla

Sobre esta extensión
Gridt, a nifty, highly customizable grid overlay perfect for grid based layouts.
Features:
- Customizable Columns, Rows, Grid Gaps, & Outside Margin!
- Attach grid to window or html element via CSS Selectors!
- Use your own grid-template-columns / rows for uneven grids!
- Grid stays open on hot reload!
- Adjustable line color & stroke width!
- Light Mode & Developer Mode 😎
Using the gridt:
Once Gridt is installed you can start adjust columns, rows, outside
margin (of even length), and grid gaps using the basic settings. You can also
keep your grid attached to the window or attach to an html element by using css
selectors.
In the advanced settings you can input your own grid-template-columns or rows
for uneven grid layouts, customize the outside margins individually, customize
grid line color and stroke, and toggle to keep the grid open on hot reload.
Out of the box you can toggle the grid with `Cmd/Ctrl + .` or you can change
your keybinding in the settings.
Features:
- Customizable Columns, Rows, Grid Gaps, & Outside Margin!
- Attach grid to window or html element via CSS Selectors!
- Use your own grid-template-columns / rows for uneven grids!
- Grid stays open on hot reload!
- Adjustable line color & stroke width!
- Light Mode & Developer Mode 😎
Using the gridt:
Once Gridt is installed you can start adjust columns, rows, outside
margin (of even length), and grid gaps using the basic settings. You can also
keep your grid attached to the window or attach to an html element by using css
selectors.
In the advanced settings you can input your own grid-template-columns or rows
for uneven grid layouts, customize the outside margins individually, customize
grid line color and stroke, and toggle to keep the grid open on hot reload.
Out of the box you can toggle the grid with `Cmd/Ctrl + .` or you can change
your keybinding in the settings.
Califica tu experiencia
Ayudar a este desarrollador
El desarrollador de esta extensión te pide le ayudes a seguir con el desarrollo haciendo una pequeña contribución.
Permissions and dataSaber más
Required permissions:
- Acceder a las pestañas del navegador
- Acceder a la actividad del navegador mientras navegas
Optional permissions:
- Acceder a tus datos para todos los sitios web
Más información
- Enlaces del complemento
- Versión
- 1.0.3
- Tamaño
- 168.66 KB
- Última actualización
- hace 4 meses (5 de mar. de 2025)
- Categorías
- Licencia
- Licencia MIT
- Historial de versiones
Añadir a la colección
Notas de prensa para 1.0.3
- Added a resize event listener on the appended element
- Changed gridline elements to gridt-columns / gridt-rows
- Corrected storage method in background script
- Fixed messaging between background script & popup
- Added a tsx constructor which will be used to develop a better user interface in the future
Más extensiones de gavink
- Todavía no hay valoraciones
- Todavía no hay valoraciones
- Todavía no hay valoraciones
- Todavía no hay valoraciones
- Todavía no hay valoraciones
- Todavía no hay valoraciones