Grid System

Grid System is a simple, beautiful and interactive grid generator.

什麼是Grid System?

Grid System是由abdullahrafique565開發的Chrome擴展程式,該擴展的主要功能是“Grid System is a simple, beautiful and interactive grid generator.”。

擴展截圖

screenshot
screenshot
screenshot

下載Grid System擴展crx文件

下載Grid System擴展crx格式的文件,手動將Chrome擴充功能安裝到瀏覽器中,也可以將crx文件分享給朋友,輕鬆安裝Chrome擴充功能。

擴展使用說明

                        The Grid System enables the frontend developers to check their websites according to correct grid column system that is used by Bootstrap, Tailwind & Bulma etc.

You can enter your container's width, columns, gutter and pick any colour and hit "Launch" button to apply it quickly.

It ensures the frontend developers that their websites are according to the UI/UX grid system. It works for all the screen sizes.

It has a pretty eye-catching interface which enables the users to quickly navigate through different kinds of grid column system.

Hope you will find it useful.

Thanks                    

擴展基本資訊

名稱 Grid System Grid System
ID bnpgpciaafmaghnjpkjgicclpiokddkk
官方網址 https://chromewebstore.google.com/detail/grid-system/bnpgpciaafmaghnjpkjgicclpiokddkk
簡介 Grid System is a simple, beautiful and interactive grid generator.
檔案大小 938 KB
安裝次數 1,124
目前版本 1.1
更新時間 2022-04-01
上架時間 2022-03-25
評分 5.00/5 共 4 次評分
開發者 abdullahrafique565
電子郵箱 [email protected]
付費類型 free
支援的語言 en-US
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 3,
    "name": "Grid System",
    "version": "1.1",
    "description": "Grid System is a simple, beautiful and interactive grid generator.",
    "content_scripts": [
        {
            "matches": [
                ""
            ],
            "js": [
                "content.js"
            ],
            "css": [
                "styles.css"
            ]
        }
    ],
    "icons": {
        "128": "icon_128.png"
    },
    "action": {
        "default": "icon.png",
        "default_popup": "popup.html",
        "default_title": "Grid System"
    }
}