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
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.
If you found a bug or have a feature request, please create an issue here on GitHub.
https://github.com/kdzwinel/SnappySnippet/issues
qntmfred for inspiration
Konrad Dzwinel
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/.