GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → rafaelcaricio → Gradient Inspector

rafaelcaricio / Gradient Inspector

Licence: mit
Chrome extension that provides a friendly way to inspect gradients of an element.

Programming Languages

javascript
184084 projects - #8 most used programming language

Labels

csschrome-extensiongradients

Projects that are alternatives of or similar to Gradient Inspector

Carettab
CaretTab - New Tab Page Replacement
Stars: ✭ 147 (-8.7%)
Mutual labels:  chrome-extension
My Notes
Simple and fast note-taking in Chrome with Google Drive support.
Stars: ✭ 155 (-3.73%)
Mutual labels:  chrome-extension
Chrome url2qrcode
Chrome plugin that can convert current URL into QR code.
Stars: ✭ 158 (-1.86%)
Mutual labels:  chrome-extension
Github Stars Tagger
A Google Chrome extension that lets you add tags to your starred repositories directly on GitHub
Stars: ✭ 148 (-8.07%)
Mutual labels:  chrome-extension
Asciidoctor Browser Extension
⚪️ An extension for web browsers that converts AsciiDoc files to HTML using Asciidoctor.js.
Stars: ✭ 152 (-5.59%)
Mutual labels:  chrome-extension
Copycat
An extension to test web projects with ease! Create a test code without writing a line of code!
Stars: ✭ 156 (-3.11%)
Mutual labels:  chrome-extension
Awesome Chrome Extension Boilerplate
Use react + typescript + webpack to enhance your chrome extension development experience
Stars: ✭ 146 (-9.32%)
Mutual labels:  chrome-extension
Web Maker
A blazing fast & offline frontend playground
Stars: ✭ 2,029 (+1160.25%)
Mutual labels:  chrome-extension
Chrome Extensions Reloader
A chrome extension for reloading unpacked extensions
Stars: ✭ 154 (-4.35%)
Mutual labels:  chrome-extension
Rokucast
Cast videos from chrome to roku
Stars: ✭ 157 (-2.48%)
Mutual labels:  chrome-extension
Helena
A Chrome extension for writing custom web scraping programs and web automation programs. Just demonstrate how to collect the first row of data, then let the extension write the program for collecting all rows.
Stars: ✭ 151 (-6.21%)
Mutual labels:  chrome-extension
Gloria
A programmable website notifications aggregator in Chrome.
Stars: ✭ 152 (-5.59%)
Mutual labels:  chrome-extension
Browser Extension Json Discovery
Browser (Chrome, Firefox) extension for JSON discovery
Stars: ✭ 157 (-2.48%)
Mutual labels:  chrome-extension
Rsshub Radar
🍰 Browser extension that simplifies finding and subscribing RSS and RSSHub
Stars: ✭ 2,388 (+1383.23%)
Mutual labels:  chrome-extension
Link To Text Fragment
Browser extension that allows for linking to arbitrary text fragments.
Stars: ✭ 154 (-4.35%)
Mutual labels:  chrome-extension
Css Used Chromeext
Get all css rules used by the selected DOM and its children.
Stars: ✭ 146 (-9.32%)
Mutual labels:  chrome-extension
Gradientking
Never again run out of gradients! 🌈
Stars: ✭ 157 (-2.48%)
Mutual labels:  gradients
Absolutedoubletrace
A web extension to block browser fingerprinting
Stars: ✭ 156 (-3.11%)
Mutual labels:  chrome-extension
React Rewind
Time Travel Debugger for React useReducer
Stars: ✭ 159 (-1.24%)
Mutual labels:  chrome-extension
Find
A find-in-page extension for Chrome and Firefox that supports regular expressions.
Stars: ✭ 157 (-2.48%)
Mutual labels:  chrome-extension
View All Similar Projects ➔

CSS Gradient Inspector

Code Climate

With the addition of a sidebar to Developer Tools, the Chrome Extension displays gradients applied to the inspected element. Toggle each gradient (which are different layers) individually.

Installation

You can install this plugin via Chrome Web Store or Opera Addons Page.

Development instructions

If you wanna make any modifications to this plugin you can use the utility file that can be found at test/development.html. It will run the actual extension code in the one page including the javascript inspection code. You can modify the extension code and just refresh that page. This development code was created because it is very difficult to debug errors in the extension when it is installed in Chrome.

You need a webserver to load the test/development.html file properly in your browser. You can run:

make

Then access http://localhost:8080/test/development.html in your Chrome browser.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].