Dimensionsとは何ですか？

Dimensionsはhttps://www.felixniklas.comによって開発されたChromeの拡張機能で、その主な機能は「A tool for designers to measure screen dimensions」です。

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

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

Dimensions拡張子のファイルをcrx形式でダウンロードし、ブラウザにChrome拡張機能を手動でインストールするか、crxファイルを友達と共有して簡単にChrome拡張機能をインストールします。

拡張機能の使用方法

This extension measures the dimensions from your mouse pointer up/down and left/right until it hits a border. So if you want to measure distances between elements on a website this is perfect. It doesn't really work with images because there the colors change a lot pixel to pixel.

# Images & HTML Elements

Measure between the following elements: images, input-fields, buttons, videos, gifs, text, icons. You can measure everything you see in the browser.

# Mockups

Your designer handed you mockups as PNGs or JPEGs? Just drop them into Chrome, activate Dimensions and start measuring.

# Keyboard Shortcut

You can start and stop dimensions with the ALT + D shortcut.

# Area Boundaries

Wanna get the radius of a circle? Is text standing in your way? Press Alt to measure the dimensions of a connected area.

# Open Source

Dimensions is Open Source and hosted on Github. Want to port it to Firefox? Go ahead and fork it. Pull requests are welcome! https://github.com/mrflix/dimensions

拡張機能の基本情報

名前	Dimensions
ID	baocaagndhipibgklemoalmkljaimfdj
公式URL	https://chromewebstore.google.com/detail/dimensions/baocaagndhipibgklemoalmkljaimfdj
説明	A tool for designers to measure screen dimensions
ファイルサイズ	17.28 KB
インストール数	271,616
現在のバージョン	2.0.5
最終更新日	2017-03-14
公開日	2017-03-14
評価	4.15/5 合計 442 レビュー
開発者	https://www.felixniklas.com
Eメール	[email protected]
支払い方法	free
拡張機能のウェブサイト	http://felixniklas.com/dimensions/
対応言語	en
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "name": "Dimensions", "description": "A tool for designers to measure screen dimensions", "version": "2.0.5", "manifest_version": 2, "author": "Felix Niklas", "icons": { "16": "images\/icon16.png", "32": "images\/[email protected]", "48": "images\/icon48.png", "128": "images\/icon128.png" }, "background": { "scripts": [ "chrome.js" ], "persistent": false }, "commands": { "_execute_browser_action": { "suggested_key": { "default": "Alt+D" } } }, "browser_action": { "default_icon": { "16": "images\/icon16.png", "19": "images\/icon19.png", "32": "images\/[email protected]", "38": "images\/[email protected]" }, "default_title": "Measure Dimensions" }, "permissions": [ "activeTab" ] }