{"id":13442165,"url":"https://github.com/kdzwinel/SnappySnippet","last_synced_at":"2025-03-20T13:32:48.656Z","repository":{"id":10731319,"uuid":"12985288","full_name":"kdzwinel/SnappySnippet","owner":"kdzwinel","description":"Chrome extension that allows easy extraction of CSS and HTML from selected element.","archived":false,"fork":false,"pushed_at":"2020-03-25T20:46:30.000Z","size":2660,"stargazers_count":1083,"open_issues_count":47,"forks_count":163,"subscribers_count":40,"default_branch":"master","last_synced_at":"2024-10-15T09:05:41.230Z","etag":null,"topics":["chrome-extension","jsbin","web-development"],"latest_commit_sha":null,"homepage":null,"language":"CSS","has_issues":true,"has_wiki":null,"has_pages":null,"mirror_url":null,"source_name":null,"license":null,"status":null,"scm":"git","pull_requests_enabled":true,"icon_url":"https://github.com/kdzwinel.png","metadata":{"files":{"readme":"README.md","changelog":null,"contributing":null,"funding":null,"license":null,"code_of_conduct":null,"threat_model":null,"audit":null,"citation":null,"codeowners":null,"security":null,"support":null}},"created_at":"2013-09-20T22:29:56.000Z","updated_at":"2024-10-14T04:35:54.000Z","dependencies_parsed_at":"2022-08-10T11:22:07.196Z","dependency_job_id":null,"html_url":"https://github.com/kdzwinel/SnappySnippet","commit_stats":null,"previous_names":[],"tags_count":2,"template":false,"template_full_name":null,"repository_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kdzwinel%2FSnappySnippet","tags_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kdzwinel%2FSnappySnippet/tags","releases_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kdzwinel%2FSnappySnippet/releases","manifests_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/repositories/kdzwinel%2FSnappySnippet/manifests","owner_url":"https://repos.ecosyste.ms/api/v1/hosts/GitHub/owners/kdzwinel","download_url":"https://codeload.github.com/kdzwinel/SnappySnippet/tar.gz/refs/heads/master","host":{"name":"GitHub","url":"https://github.com","kind":"github","repositories_count":221768476,"owners_count":16877644,"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","jsbin","web-development"],"created_at":"2024-07-31T03:01:42.443Z","updated_at":"2025-03-20T13:32:48.648Z","avatar_url":"https://github.com/kdzwinel.png","language":"CSS","funding_links":[],"categories":["CSS"],"sub_categories":[],"readme":"SnappySnippet\n======================\n\nChrome/Chromium extension that allows easy CSS+HTML extraction of specific DOM element. Created snippet can be then exported to CodePen, jsFiddle or JS Bin with one click.\n\nOther features:\n- cleans up HTML (removing unnecessary attributes, fixing indentation)\n- optimizes CSS to make it readable\n- fully configurable (all filters can be turned off)\n- nice UI thanks to Bootstrap \u0026 Flat-UI projects\n- works with :before and :after pseudo elements\n\n![Screenshot](https://github.com/kdzwinel/SnappySNippet/blob/master/gfx/screenshots/2.png?raw=true)\n\nInstallation\n------------\n\nDownload the extension and manually load it as an 'Unpacked extension' via the extensions page.\n\nUsage\n-----\n\nOpen Developer Tools, you should see the new SnappySnippet tab. Inspect an element on the page and switch to the new tab, you will see options for settings and exporting the code for the element you selected.\n\nFor more details, see [this demonstration video](https://www.youtube.com/watch?v=if5pXoIJ4EU).\n\n\nBugs and Features\n-----------------\n\nIf you found a bug or have a feature request, please create an issue here on GitHub.\n\nhttps://github.com/kdzwinel/SnappySnippet/issues\n\nChangelog\n---------\n\n### 0.5 ###\n\n+ [#13](https://github.com/kdzwinel/SnappySnippet/issues/13) IFrames support (by @crdev)\n+ [#19](https://github.com/kdzwinel/SnappySnippet/issues/19) Prefixing/namespacing CSS IDs\n\n### 0.4 ###\n\n+ [#8](https://github.com/kdzwinel/SnappySnippet/issues/8) Extract DOM and CSS up to the root element (by @crdev)\n+ [#15](https://github.com/kdzwinel/SnappySnippet/issues/15) Preserve settings (by @crdev)\n+ Fix for [#7](https://github.com/kdzwinel/SnappySnippet/issues/7) bug where shorthand property values were sometimes invalid\n+ Workarounds for buggy 'content' property\n\n### 0.3 ###\n\n+ JS Bin support (by @remy)\n+ temporary workaround for `getComputedStyle` bug in `border-radius` property (issue [#4](https://github.com/kdzwinel/SnappySnippet/issues/4), thanks to @zessx for spotting this)\n\nSpecial thanks to\n------\n+ [crdev](https://github.com/crdev) for all top-notch contributions, advice and help with Chrom(ium) bugs\n+ [qntmfred](https://github.com/qntmfred) for [inspiration](http://stackoverflow.com/questions/4911338/tools-to-selectively-copy-htmlcssjs-from-existing-sites)\n\nAuthor\n------\n\n**Konrad Dzwinel**\n\n+ https://github.com/kdzwinel\n+ https://twitter.com/kdzwinel\n+ http://www.linkedin.com/pub/konrad-dzwinel/53/599/366/en\n\nLicense\n-------\n\nThis program is free software: you can redistribute it and/or modify\nit under the terms of the GNU General Public License as published by\nthe Free Software Foundation, either version 3 of the License, or\n(at your option) any later version.\n\nThis program is distributed in the hope that it will be useful,\nbut WITHOUT ANY WARRANTY; without even the implied warranty of\nMERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the\nGNU General Public License for more details.\n\nYou should have received a copy of the GNU General Public License\nalong with this program.  If not, see \u003chttp://www.gnu.org/licenses/\u003e.\n","project_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkdzwinel%2FSnappySnippet","html_url":"https://awesome.ecosyste.ms/projects/github.com%2Fkdzwinel%2FSnappySnippet","lists_url":"https://awesome.ecosyste.ms/api/v1/projects/github.com%2Fkdzwinel%2FSnappySnippet/lists"}