CSS Shapes Editorとは何ですか？

CSS Shapes EditorはRazvan Calimanによって開発されたChromeの拡張機能で、その主な機能は「Interactive editor for CSS Shapes.」です。

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

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

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

拡張機能の使用方法

Create and adjust CSS Shapes values with an interactive editor overlapping the selected element.

Update 21 May 2015:
---
For polygons, unit-less zero coordinates will inherit the non-zero sibling coordinate unit instead of defaulting to pixels.
Example 0 100% => 0% 100%

Shapes sidebar:
New sidebar to the DevTools Elements panel called "Shapes" which offers controls to create and edit CSS Shapes values like polygon(), circle() and ellipse() on the selected element.

Polygons:
Click the edges of the shape to add new points. Drag points to change the shape. Double-click points to remove them. Select the transform tool to move, scale and rotate the polygon shape.

Circles & ellipses:
Drag the shape to move it around. Pull on the edges and corners to scale and resize.

Update History
===

Update 13 Jan 2015:
---
Provides workaround for Chrome 40+ regression which causes editor to fail when selecting an element to edit.

Update 8 Dec 2014:
---
This extension has been wrongly accused of spreading malware. It does not.

Its source code is always available for inspection: https://github.com/oslego/chrome-css-shapes-editor

The latest release (Version 1.2.0) addresses some potential vulnerabilities exploitable by 3rd party malicious scripts.

If you experience malicious behavior from your browser, reset your browser settings:
https://support.google.com/chrome/answer/3296214

拡張機能の基本情報

名前	CSS Shapes Editor
ID	nenndldnbcncjmeacmnondmkkfedmgmp
公式URL	https://chromewebstore.google.com/detail/css-shapes-editor/nenndldnbcncjmeacmnondmkkfedmgmp
説明	Interactive editor for CSS Shapes.
ファイルサイズ	84.76 KB
インストール数	10,000
現在のバージョン	1.3.0
最終更新日	2015-05-21
公開日	2015-05-21
評価	3.82/5 合計 101 レビュー
開発者	Razvan Caliman
Eメール	[email protected]
支払い方法	free
拡張機能のウェブサイト	https://github.com/oslego/chrome-css-shapes-editor
対応言語	en-US
manifest.json
{ "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx", "manifest_version": 2, "name": "CSS Shapes Editor", "version": "1.3.0", "author": "Razvan Caliman ", "minimum_chrome_version": "37.0.0", "description": "Interactive editor for CSS Shapes.", "devtools_page": "devtools.html", "icons": { "128": "images\/icon-128-complex.png" }, "background": { "scripts": [ "background.js" ] }, "permissions": [ "" ], "content_security_policy": "script-src 'self' ; object-src 'self'" }