CSS Shapes Editor

Interactive editor for CSS Shapes.

¿Qué es CSS Shapes Editor?

CSS Shapes Editor es una extensión de Chrome desarrollada por Razvan Caliman, y su función principal es "Interactive editor for CSS Shapes.".

Capturas de Pantalla de la Extensión

screenshot
screenshot
screenshot

Descargar Archivo CRX de la Extensión CSS Shapes Editor

Descarga archivos de extensión CSS Shapes Editor en formato crx, instala manualmente las extensiones de Chrome en el navegador o comparte los archivos crx con amigos para instalar fácilmente las extensiones de Chrome.

Instrucciones de Uso de la Extensión

                        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                    

Información Básica de la Extensión

Nombre CSS Shapes Editor CSS Shapes Editor
ID nenndldnbcncjmeacmnondmkkfedmgmp
URL Oficial https://chromewebstore.google.com/detail/css-shapes-editor/nenndldnbcncjmeacmnondmkkfedmgmp
Descripción Interactive editor for CSS Shapes.
Tamaño del Archivo 84.76 KB
Cantidad de Instalaciones 10,000
Versión Actual 1.3.0
Última Actualización 2015-05-21
Fecha de Publicación 2015-05-21
Calificación 3.82/5 Total de 101 Calificaciones
Desarrollador Razvan Caliman
Correo electrónico [email protected]
Tipo de Pago free
Sitio Web de la Extensión https://github.com/oslego/chrome-css-shapes-editor
Idiomas Soportados 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'"
}