Chrome extension that allows easy extraction of CSS and HTML from selected element.
CSS JavaScript
Pull request Compare This branch is 49 commits behind kdzwinel:master.
Fetching latest commit…
Cannot retrieve the latest commit at this time.
Permalink
Failed to load latest commit information.
css
gfx
js
README.md
devtools.html
manifest.json
panel.html

README.md

SnappySnippet

Chrome/Chromium extension that allows easy CSS+HTML extraction of specific DOM element. Created snippet can be then exported to CodePen or jsFiddle 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

Screenshot

Usage

You may install this extension from its google chrome webstore page

https://chrome.google.com/webstore/detail/snappysnippet/blfngdefapoapkcdibbdkigpeaffgcil

or download it and manually load as an 'Unpacked extension' via chrome extensions page.

Bugs and Features

If you found a bug or have a feature request, please create an issue here on GitHub.

https://github.com/kdzwinel/SnappySnippet/issues

Thanks to

qntmfred for inspiration

Author

Konrad Dzwinel

License

This program is free software: you can redistribute it and/or modify it under the terms of the GNU General Public License as published by the Free Software Foundation, either version 3 of the License, or (at your option) any later version.

This program is distributed in the hope that it will be useful, but WITHOUT ANY WARRANTY; without even the implied warranty of MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE. See the GNU General Public License for more details.

You should have received a copy of the GNU General Public License along with this program. If not, see http://www.gnu.org/licenses/.