Muriel Gridとは何ですか？

Muriel Gridはjffngによって開発されたChromeの拡張機能で、その主な機能は「A responsive grid overlay, based on the Muriel Design System.」です。

拡張機能のスクリーンショット

Muriel Grid拡張機能のCRXファイルをダウンロード

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
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" ] }