pphfihfikeimkmnjielhjjgapkmnimnm
Find the ghost css in your app in a single click. Find the ghost css in your app in a single click. When you spend enough time at the front-end development, There will be some irritating moments where you couldn't figure out what is happening with the margins/paddings and scroll issues. This extension comes in handy finding those ghost elements for you.
Unused CSS/JS Detector
Detects unused CSS and JS files on web pages Unused CSS/JS Detector Optimize Your Web Development Workflow with Precision Enhance your web development efficiency with the Unused CSS/JS Detector, a powerful Chrome extension designed for developers and web optimization enthusiasts. This tool helps you identify and manage unused CSS and JavaScript files on any webpage, streamlining your optimization process and improving page load performance. Key Features: 1. Detect Unused Resources: Automatically scans the current page to pinpoint unused CSS stylesheets and JavaScript files, saving you valuable time during audits. 2/ Block/Unblock Functionality: Easily block detected unused resources with a single click and unblock them when needed, with changes persisting across sessions. 3. Real-Time Load Time Tracking: Monitor page load times with precision (down to 0.000ms) and see performance improvements as you block resources. 4. Reset Option: Quickly reset all blocked resources with the "Reset Blocks" button to revert to the original state. 5. User-Friendly Interface: Features a clean popup with clickable links to resource URLs, truncated for readability with full URLs available on hover. How It Works: 1. Click the extension icon to open the detector. 2. Analyze the page to see a list of potentially unused CSS and JS files. 3. Use the "Block" button to prevent resources from loading, and watch the load time update after a page refresh. 4. Unblock or reset as needed to fine-tune your optimization. Perfect For: - Web developers optimizing site performance - Front-end engineers auditing codebases - SEO specialists improving page speed - Anyone looking to reduce bloat in web projects Installation: Simply add the Unused CSS/JS Detector to your Chrome browser, and start optimizing your web pages today! Optimize smarter, not harder. Download the Unused CSS/JS Detector now and take control of your web resources!
CSS Undefined Variable Checker
A Devtools extension that detects usages of undefined CSS variables Do you write CSS using custom properties/variables? Have you ever misspelled one, and only noticed later that a color wasn't coming through correctly as a result? Have you ever yearned for a tool that would help you track down such uses of CSS variables which are not defined? Then you're in luck, because this is just such a tool! This extension adds a tab to the Chrome Developer Tools which can check the current page for any undefined CSS variables used within "var()" expressions. Not only stylesheets, but also inline style attributes are analyzed, and the results are displayed in a friendly table with links to the offending element within the Developer Tools' Elements tab. To use this extension, once it is installed open a website of your choice in Google Chrome, and then open the Developer Tools. You will see a new tab at the top of the Developer Tools titled "CSS Undefined Variable Checker". That tab will bring you to the UI of this extension. Initially, you will see only a button titled "Check for Undefined Variables" and an empty table. Clicking the button will begin the analysis on the page to which the devtools are connected and will report any results within the table. If there are no undefined CSS variables found, the table will instead be populated with a message indicating such. The results within the table have three columns. The first column indicates the name of the undefined variable. The next column indicates the stylesheet in which it was found, and the third column indicates which element on the page the undefined variable was found on. This third column references the element by a CSS selector. If the undefined variable was found within a stylesheet, the Selector column is populated with the selector for the CSS style declaration where the variable was found. On the other hand if the undefined variable is found within an inline style, a selector is generated based on the classes, id, and tag name of the element in question and all of its ancestors. Note that this generated selector is not guaranteed to uniquely identify the element in question. Each cell in the Selector column of the results table is a hyperlink. Clicking each link will open the devtools' Elements tab and highlight the problematic element within it, helping you track down the undefined variable. Note: This extension relies on APIs for accessing the stylesheet information which are constrained by Cross-Origin Resource Sharing. Any stylesheets which are loaded in the page but which are on a different origin from the page itself, and which were not served with an Access-Control-Allow-Origin header which would allow access from this page, will not be analyzed by this extension and will cause it to display errors. These errors do not stop the extension from analyzing other styles which are API-accessible. The analysis logic behind this extension is also available as an npm package under the name @sonatype/undefined-css-variable-checker. See https://www.npmjs.com/package/@sonatype/undefined-css-variable-checker .
CSS Viewer for Google Chrome™
FREE! Quick and simple CSS property viewer. Want to view the CSS for a button/certain HTML element on the web page? You can do so quickly today once you install this extension. This CSS Viewer allows you to click on any button/image/text etc on a web page and you can instantly see the CSS code which was used. Its a quick and easy way to sort out the CSS code for a specific element on a website. Try using this CSS Viewer today to check out the CSS code being implemented on a website today. Disclaimer: Please note this extension is NOT made by Google and is made by an independent development team. All copyrights belong to their respective owners. Google doesn’t endorse or sponsor this extension. CSS Viewer for Google Chrome™ is not owned by, is not licensed by and is not a subsidiary of Google Inc.
Granny Unblocked
Play Granny Unblocked as a Chrome extension - Try it now! Granny Unblocked plunges players into a nightmarish escape scenario. This horror game challenges you to navigate through a decrepit house, solving puzzles, avoiding Granny’s pursuit, and uncovering the secrets that shroud your captivity. Game Controls Master the controls to survive Granny’s sinister presence: Swipe or Arrow Keys: Navigate through the house silently. Tap or Click: Interact with objects, pick up items, and solve puzzles. How to Play Escape Granny’s Clutches: Stealthily move through the house to avoid Granny and her traps. Solve Puzzles: Uncover clues and solve puzzles to progress through the eerie house. Collect Items: Gather essential items to aid your escape, but be cautious not to make noise. Survive Multiple Days: Endure Granny’s pursuit for multiple days, each growing progressively challenging. Play more game on the top-left menu. Play on website by clicking on web version button.
