CSS Deconstructed

This extension breaks down then reapplies the CSS (one rule at at time) for a specific element

¿Qué es CSS Deconstructed?

CSS Deconstructed es una extensión de Chrome desarrollada por kabbnigam, y su función principal es "This extension breaks down then reapplies the CSS (one rule at at time) for a specific element".

Capturas de Pantalla de la Extensión

screenshot
screenshot
screenshot
screenshot
screenshot

Descargar Archivo CRX de la Extensión CSS Deconstructed

Descarga archivos de extensión CSS Deconstructed 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

                        CSS Deconstructed is a tool for web developers to study the CSS of any given website. It allows users to remove all the styling for a specific element on a website and then re-apply the CSS rules one at a time at a speed of their preference. This tool provides valuable insight as to how different websites are constructed by visually building the site from scratch, right in front of your eyes. 

How To Use:
- Inspect the HTML of a website you are interested in deconstructing.
- Choose the outer most selector that encompasses the part of the page you are interested in studying (**NOTE: If inspecting the whole page or a complex element, do note that it may take a while to rebuild.)
- Click the CSS Deconstructed Icon and enter in the selector, class, and/or ID.
- Choose how quickly you want each rule to be applied (often good to start with 10 ms)
- Click "Deconstruct!" to remove all CSS styling.
- Click "Build!" to re-apply each CSS rule.
- Watch your favorite site be rebuilt!                    

Información Básica de la Extensión

Nombre CSS Deconstructed CSS Deconstructed
ID inhlobcefhlmdljoeigpbpdehlpciohh
URL Oficial https://chrome.google.com/webstore/detail/css-deconstructed/inhlobcefhlmdljoeigpbpdehlpciohh
Descripción This extension breaks down then reapplies the CSS (one rule at at time) for a specific element
Tamaño del Archivo 39.98 KB
Cantidad de Instalaciones 434
Versión Actual 0.0.0.3
Última Actualización 2016-07-23
Fecha de Publicación 2016-07-23
Calificación 5.00/5 Total de 2 Calificaciones
Desarrollador kabbnigam
Tipo de Pago free
Idiomas Soportados en
manifest.json
{
    "update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
    "manifest_version": 2,
    "name": "CSS Deconstructed",
    "description": "This extension breaks down then reapplies the CSS (one rule at at time) for a specific element",
    "version": "0.0.0.3",
    "browser_action": {
        "default_icon": "icon.png",
        "default_popup": "popup.html"
    },
    "background": {
        "scripts": [
            "jquery.min.js"
        ],
        "persistent": false
    },
    "content_scripts": [
        {
            "js": [
                "jquery.min.js",
                "content_script.js"
            ],
            "matches": [
                "http:\/\/*\/*",
                "https:\/\/*\/*"
            ]
        }
    ],
    "permissions": [
        "activeTab",
        "storage"
    ]
}