
Gridt par gavink
A highly customizable CSS Grid overlay for web developers
Vous avez besoin de Firefox pour utiliser cette extension
MĂ©tadonnĂ©es de lâextension
Captures dâĂ©cran

Ă propos de cette extension
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.
Ăvaluez votre expĂ©rience
Soutenir ce développeur
Le dĂ©veloppeur de cette extension demande que vous lâaidiez Ă assurer la poursuite de son dĂ©veloppement en lui versant une petite contribution.
Autorisations et donnéesEn savoir plus
Autorisations nécessaires :
- Accéder aux onglets du navigateur
- AccĂ©der Ă lâactivitĂ© du navigateur pendant la navigation
Autorisations facultatives :
- Accéder à vos données pour tous les sites web
Plus dâinformations
- Liens du module
- Version
- 1.0.3
- Taille
- 168,66Â Ko
- DerniĂšre mise Ă jour
- il y a 4 mois (5 mars 2025)
- Catégories associées
- Licence
- Licence MIT
- Historique des versions
Ajouter Ă la collection
Notes de version pour la version 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
Plus de modules créés par gavink
- Il nây a aucune note pour lâinstant
- Il nây a aucune note pour lâinstant
- Il nây a aucune note pour lâinstant
- Il nây a aucune note pour lâinstant
- Il nây a aucune note pour lâinstant
- Il nây a aucune note pour lâinstant