Muriel Grid

A responsive grid overlay, based on the Muriel Design System.

Muriel Grid là gì?

Muriel Grid là một tiện ích mở rộng Chrome được phát triển bởi jffng, và tính năng chính của nó là "A responsive grid overlay, based on the Muriel Design System.".

Ảnh Chụp Màn Hình của Tiện Ích Mở Rộng

screenshot
screenshot

Tải xuống tệp CRX của tiện ích mở rộng Muriel Grid

Tải xuống các tệp mở rộng Muriel Grid dưới định dạng crx, cài đặt các tiện ích mở rộng Chrome bằng tay trong trình duyệt hoặc chia sẻ các tệp crx với bạn bè để dễ dàng cài đặt các tiện ích mở rộng Chrome.

Hướng Dẫn Sử Dụng Tiện Ích Mở Rộng

                        Installing and opening this extension provides the ability to toggle a grid overlay onto the current page. This grid is designed to the Muriel design system. 

The breakpoints in use are:

Screen width at 0dp+
- Columns: 4
- Margins: 16dp
- Gutters: 16dp

Screen width at 660dp+
- Columns: 8
- Margins: 24dp
- Gutters: 24dp

Screen width at 1040dp+
- Columns: 12
- Margins: 24dp+ (variable)
- Gutters: 24dp

For more details, please visit the Figma Grid documentation: https://www.figma.com/file/RfpHfk6896X7Mlciddjc45Ur/Layout-Grid?node-id=148%3A0                    

Thông Tin Cơ Bản về Tiện Ích Mở Rộng

Tên Muriel Grid Muriel Grid
ID heabkjiofmaphebjodoflpglpkdojpmg
URL Chính Thức https://chromewebstore.google.com/detail/muriel-grid/heabkjiofmaphebjodoflpglpkdojpmg
Mô tả A responsive grid overlay, based on the Muriel Design System.
Kích Thước Tệp 8.68 KB
Số Lần Cài Đặt 276
Phiên Bản Hiện Tại 0.3
Cập Nhật Lần Cuối 2019-07-11
Ngày Phát Hành 2019-07-11
Nhà Phát Triển jffng
Loại Thanh Toán free
Ngôn Ngữ Được Hỗ Trợ en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 2,
    "name": "Muriel Grid",
    "description": "A responsive grid overlay, based on the Muriel Design System.",
    "version": "0.3",
    "author": "Jeff Ong",
    "background": {
        "scripts": [
            "src\/background.js"
        ],
        "persistent": true
    },
    "browser_action": {
        "default_popup": "src\/popup.html"
    },
    "web_accessible_resources": [
        "src\/css\/grid.css",
        "src\/css\/popup.css"
    ],
    "permissions": [
        "activeTab"
    ]
}