CSS Deconstructed

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

Wat is CSS Deconstructed?

CSS Deconstructed is een Chrome-extensie ontwikkeld door kabbnigam, en de belangrijkste functie is "This extension breaks down then reapplies the CSS (one rule at at time) for a specific element".

Extensie Screenshots

screenshot
screenshot
screenshot
screenshot
screenshot

Download het CRX-bestand van de extensie CSS Deconstructed

Download CSS Deconstructed-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

                        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!                    

Basisinformatie over de Extensie

Naam CSS Deconstructed CSS Deconstructed
ID inhlobcefhlmdljoeigpbpdehlpciohh
Officiële URL https://chrome.google.com/webstore/detail/css-deconstructed/inhlobcefhlmdljoeigpbpdehlpciohh
Beschrijving This extension breaks down then reapplies the CSS (one rule at at time) for a specific element
Bestandsgrootte 39.98 KB
Aantal Installaties 434
Huidige Versie 0.0.0.3
Laatst Bijgewerkt 2016-07-23
Publicatiedatum 2016-07-23
Beoordeling 5.00/5 Totaal 2 Beoordelingen
Ontwikkelaar kabbnigam
Betalingswijze free
Ondersteunde Talen 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"
    ]
}