CSS Grid Overlay

Easily check the grid alignment of your page across breakpoints.

Τι είναι το CSS Grid Overlay;

Το CSS Grid Overlay είναι ένα πρόσθετο Chrome που αναπτύχθηκε από τον https://imagentleman.github.io, και η κύρια λειτουργία του είναι "Easily check the grid alignment of your page across breakpoints.".

Στιγμιότυπα Επέκτασης

screenshot

Λήψη αρχείου CRX της επέκτασης CSS Grid Overlay

Λήψη αρχείων επέκτασης CSS Grid Overlay σε μορφή crx, εγκατάσταση των επεκτάσεων Chrome μη αυτόματα στον περιηγητή ή κοινοποίηση των αρχείων crx με φίλους για εύκολη εγκατάσταση των επεκτάσεων Chrome.

Οδηγίες Χρήσης της Επέκτασης

                        Supports multiples breakpoints and the usual grid values (gutters, columns, max width, etc).

Configurations can easily be saved and shared among team members as json objects.

Example conf: 

[
  {
    "columns": 4,
    "margins": 16, // px before and after the first and last column
    // these gutters work like margins: 
    // if distance between columns is 32px, gutters are 16
    "gutters": 16, 
    "from": 0, // start of breakpoint in px
    // Optional values
    // "to": 599, end of breakpoint in px
    // grid will be centered after this maxWidth in px
    // otherwise it'll be full width
    // "maxWidth": 1440, 
    // if you want to move the grid 
    // (e.g. in a style guide with a left sidebar
    // you'd use offsetLeft to push the grid to the right
    // "offsetTop": 0,
    // "offsetRight": 0,
    // "offsetBottom": 0,
    // "offsetLeft": 0,
    // "backgroundColors": {
    //   "columns": "rgba(234, 23, 140, .3)",
    //   "gutters": "rgba(0, 231, 255, .3)",
    //   "margins": "rgba(0, 191, 165, .3)"
    // }
  }
]                    

Βασικές Πληροφορίες Επέκτασης

Όνομα CSS Grid Overlay CSS Grid Overlay
ID hajfilceeneohkmcakehndmaeonhlack
Επίσημο URL https://chromewebstore.google.com/detail/css-grid-overlay/hajfilceeneohkmcakehndmaeonhlack
Περιγραφή Easily check the grid alignment of your page across breakpoints.
Μέγεθος Αρχείου 181 KB
Αριθμός Εγκαταστάσεων 15,069
Τρέχουσα Έκδοση 10
Τελευταία Ενημέρωση 2022-04-06
Ημερομηνία Δημοσίευσης 2020-02-02
Αξιολόγηση 4.43/5 Συνολικά 7 Αξιολογήσεις
Προγραμματιστής https://imagentleman.github.io
Ηλεκτρονικό ταχυδρομείο [email protected]
Τύπος Πληρωμής free
Ιστότοπος Επέκτασης https://imagentleman.github.io
Διεύθυνση URL της Σελίδας Βοήθειας https://github.com/imagentleman/css-grid-overlay
Υποστηριζόμενες Γλώσσες en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 3,
    "name": "CSS Grid Overlay",
    "version": "10",
    "description": "Easily check the grid alignment of your page across breakpoints.",
    "icons": {
        "16": "16.png",
        "48": "48.png",
        "128": "128.png"
    },
    "background": {
        "service_worker": "background.js"
    },
    "action": {
        "default_icon": {
            "16": "off-16.png",
            "24": "off-24.png",
            "32": "off-32.png"
        }
    },
    "permissions": [
        "scripting",
        "activeTab",
        "storage"
    ],
    "minimum_chrome_version": "88",
    "options_page": "options.html"
}