首页 扩展程序 CSS Deconstructed

CSS Deconstructed

提供方: kabbnigam
2
开发者工具 181 位用户

插件简介

This extension breaks down then reapplies the CSS (one rule at at time) for a specific element
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!


其他信息

ID inhlobcefhlmdljoeigpbpdehlpciohh 版本 0.0.0.3 上次更新日期 2016年7月23日 大小 39.2KiB 语言 支持1 种语言 适用浏览器

谷歌浏览器、其他Chromium内核的浏览器

CSS Deconstructed Chrome插件下载

为打击盗链困扰,本站已启用人机验证
微信扫码关注左侧公众号,发送“插件”二字获得验证码,验证码5分钟全站有效