Easily extract CSS and HTML from selected element. Then send it to CodePen, jsFiddle or JS Bin with one click.
SnappySnippet Extension
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
Read more
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
Source 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'"}
Read more