Wat is CSS Shapes Editor?

CSS Shapes Editor is een Chrome-extensie ontwikkeld door Razvan Caliman, en de belangrijkste functie is "Interactive editor for CSS Shapes.".

Extensie Screenshots

Download het CRX-bestand van de extensie CSS Shapes Editor

Download CSS Shapes Editor-extensiebestanden in crx-indeling, installeer Chrome-extensies handmatig in de browser of deel de crx-bestanden met vrienden om Chrome-extensies eenvoudig te installeren.

Instructies voor het Gebruik van de Extensie

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

Basisinformatie over de Extensie

Naam	CSS Shapes Editor
ID	nenndldnbcncjmeacmnondmkkfedmgmp
Officiële URL	https://chromewebstore.google.com/detail/css-shapes-editor/nenndldnbcncjmeacmnondmkkfedmgmp
Beschrijving	Interactive editor for CSS Shapes.
Bestandsgrootte	84.76 KB
Aantal Installaties	10,000
Huidige Versie	1.3.0
Laatst Bijgewerkt	2015-05-21
Publicatiedatum	2015-05-21
Beoordeling	3.82/5 Totaal 101 Beoordelingen
Ontwikkelaar	Razvan Caliman
E-mail	[email protected]
Betalingswijze	free
Extensiewebsite	https://github.com/oslego/chrome-css-shapes-editor
Ondersteunde Talen	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'" }