SnappySnippet
Easily extract CSS and HTML from selected element. Then send it to CodePen, jsFiddle or JS Bin with one click.
What is SnappySnippet?
SnappySnippet is a Chrome extension developed by fangtiansheng, and its main feature is "Easily extract CSS and HTML from selected element. Then send it to CodePen, jsFiddle or JS Bin with one click.".
Extension Screenshots
Download SnappySnippet Extension CRX File
Download SnappySnippet extension files in crx format, manually install Chrome extensions in the browser, or share the crx files with friends to easily install Chrome extensions.
Extension Usage Instructions
Chrome/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.
Other features:
cleans up HTML (removing unnecessary attributes, fixing indentation)
optimizes CSS to make it readable
fully configurable (all filters can be turned off)
nice UI thanks to Bootstrap & Flat-UI projects
works with :before and :after pseudo elements Extension Basic Information
| Name |  SnappySnippet |
| ID | mdmgnnmlhdfofojkdoajglgmhaicejkk |
| Official URL | https://chromewebstore.google.com/detail/snappysnippet/mdmgnnmlhdfofojkdoajglgmhaicejkk |
| Description | Easily extract CSS and HTML from selected element. Then send it to CodePen, jsFiddle or JS Bin with one click. |
| File Size | 2.24 MB |
| Installation Count | 12,619 |
| Current Version | 1.0.0 |
| Last Updated | 2020-12-27 |
| Publish Date | 2020-12-26 |
| Rating | 4.25/5 Total 8 Ratings |
| Developer | fangtiansheng |
| [email protected] | |
| Payment Type | free |
| Extension Website | https://github.com/valuespider/SnappySnippet |
| Help Page URL | https://github.com/valuespider/SnappySnippet/issues |
| Supported Languages | en-US |
| manifest.json | |
{
"update_url": "https:\/\/clients2.google.com\/service\/update2\/crx",
"name": "SnappySnippet",
"description": "Easily extract CSS and HTML from selected element. Then send it to CodePen, jsFiddle or JS Bin with one click.",
"version": "1.0.0",
"manifest_version": 2,
"minimum_chrome_version": "18.0",
"icons": {
"24": "gfx\/icon_24.png",
"128": "gfx\/icon_128.png"
},
"devtools_page": "devtools.html",
"background": {
"scripts": [
"js\/background.js"
],
"persistent": false
},
"content_security_policy": "script-src 'self' https:\/\/apis.google.com https:\/\/platform.twitter.com https:\/\/www.facebook.com; object-src 'self'"
} | |
