CSS Deconstructed

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

Qu'est-ce que CSS Deconstructed ?

CSS Deconstructed est une extension Chrome développée par kabbnigam, et sa fonction principale est "This extension breaks down then reapplies the CSS (one rule at at time) for a specific element".

Captures d'Écran de l'Extension

screenshot
screenshot
screenshot
screenshot
screenshot

Télécharger le fichier CRX de l'extension CSS Deconstructed

Téléchargez les fichiers d'extension CSS Deconstructed au format crx, installez manuellement les extensions Chrome dans le navigateur ou partagez les fichiers crx avec des amis pour installer facilement les extensions Chrome.

Instructions d'Utilisation de l'Extension

                        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!                    

Informations de Base sur l'Extension

Nom CSS Deconstructed CSS Deconstructed
ID inhlobcefhlmdljoeigpbpdehlpciohh
URL Officiel https://chrome.google.com/webstore/detail/css-deconstructed/inhlobcefhlmdljoeigpbpdehlpciohh
Description This extension breaks down then reapplies the CSS (one rule at at time) for a specific element
Taille du Fichier 39.98 KB
Nombre d'Installations 434
Version Actuelle 0.0.0.3
Dernière Mise à Jour 2016-07-23
Date de Publication 2016-07-23
Évaluation 5.00/5 Total 2 Évaluations
Développeur kabbnigam
Type de Paiement free
Langues Prises en Charge 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"
    ]
}