Muriel Grid

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

Muriel Gridคืออะไร?

Muriel Grid เป็นส่วนขยายของ Chrome ที่พัฒนาโดย jffng และคุณลักษณะหลักของมันคือ "A responsive grid overlay, based on the Muriel Design System."

ภาพหน้าจอของส่วนขยาย

screenshot
screenshot

ดาวน์โหลดไฟล์ CRX ของส่วนขยาย Muriel Grid

ดาวน์โหลดไฟล์ส่วนขยาย Muriel Grid ในรูปแบบ crx และติดตั้งส่วนขยาย Chrome ด้วยตนเองในเบราว์เซอร์หรือแชร์ไฟล์ crx กับเพื่อนๆ เพื่อติดตั้งส่วนขยาย Chrome อย่างง่ายดาย

คำแนะนำในการใช้ส่วนขยาย

                        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                    

ข้อมูลพื้นฐานของส่วนขยาย

ชื่อ Muriel Grid Muriel Grid
ID heabkjiofmaphebjodoflpglpkdojpmg
URL อย่างเป็นทางการ https://chromewebstore.google.com/detail/muriel-grid/heabkjiofmaphebjodoflpglpkdojpmg
คำอธิบาย A responsive grid overlay, based on the Muriel Design System.
ขนาดไฟล์ 8.68 KB
จำนวนการติดตั้ง 276
เวอร์ชันปัจจุบัน 0.3
อัปเดตครั้งล่าสุด 2019-07-11
วันที่เผยแพร่ 2019-07-11
ผู้พัฒนา jffng
ประเภทการชำระเงิน free
ภาษาที่รองรับ 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"
    ]
}