{"id":18305993,"url":"https://github.com/rafaelcaricio/gradient-inspector","last_synced_at":"2025-08-21T05:31:57.868Z","repository":{"id":20214780,"uuid":"23486388","full_name":"rafaelcaricio/gradient-inspector","owner":"rafaelcaricio","description":"Chrome extension that provides a friendly way to inspect gradients of an element.","archived":false,"fork":false,"pushed_at":"2019-03-26T09:36:52.000Z","size":526,"stargazers_count":167,"open_issues_count":9,"forks_count":9,"subscribers_count":9,"default_branch":"master","last_synced_at":"2024-12-16T19:11:29.559Z","etag":null,"topics":["chrome-extension","css","gradients","javascript"],"latest_commit_sha":null,"homepage":"https://chrome.google.com/webstore/detail/css-gradient-inspector/blklpjonlhpakchaahdnkcjkfmccmdik","language":"JavaScript","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":"mit","status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/rafaelcaricio.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":"LICENSE","code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2014-08-30T06:42:58.000Z","updated_at":"2024-11-29T13:41:44.000Z","dependencies_parsed_at":"2022-08-21T17:01:22.471Z","dependency_job_id":null,"html_url":"https://github.com/rafaelcaricio/gradient-inspector","commit_stats":null,"previous_names":[],"tags_count":4,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rafaelcaricio%2Fgradient-inspector","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rafaelcaricio%2Fgradient-inspector/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rafaelcaricio%2Fgradient-inspector/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/rafaelcaricio%2Fgradient-inspector/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/rafaelcaricio","download_url":"https://codeload.github.com/rafaelcaricio/gradient-inspector/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":230351171,"owners_count":18212789,"icon_url":"https://github.com/github.png","version":null,"created_at":"2022-05-30T11:31:42.601Z","updated_at":"2022-07-04T15:15:14.044Z","host_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub","repositories_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories","repository_names_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repository_names","owners_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners"}},"keywords":["chrome-extension","css","gradients","javascript"],"created_at":"2024-11-05T15:36:18.354Z","updated_at":"2024-12-19T20:04:56.563Z","avatar_url":"https://github.com/rafaelcaricio.png","language":"JavaScript","funding_links":[],"categories":[],"sub_categories":[],"readme":"CSS Gradient Inspector\n======================\n\n[![Code Climate](https://codeclimate.com/github/rafaelcaricio/gradient-inspector/badges/gpa.svg)](https://codeclimate.com/github/rafaelcaricio/gradient-inspector)\n\nWith 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.\n\n[![](https://github.com/rafaelcaricio/gradient-inspector/blob/master/img/screenshot.png)](http://bit.ly/cssGradientInspector)\n\nInstallation\n------------\n\nYou can install this plugin via [Chrome Web Store](http://bit.ly/cssGradientInspector) or [Opera Addons Page](https://addons.opera.com/en/extensions/details/css-gradient-inspector/).\n\nDevelopment instructions\n------------------------\n\nIf 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.\n\nYou need a webserver to load the `test/development.html` file properly in your browser. You can run:\n\n```\nmake\n```\n\nThen access `http://localhost:8080/test/development.html` in your Chrome browser.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frafaelcaricio%2Fgradient-inspector","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Frafaelcaricio%2Fgradient-inspector","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Frafaelcaricio%2Fgradient-inspector/lists"}