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
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
- #8 Extract DOM and CSS up to the root element (by @crdev)
- #15 Preserve settings (by @crdev)
- Fix for #7 bug where shorthand property values were sometimes invalid
- Workarounds for buggy 'content' property
- JS Bin support (by @remy)
- temporary workaround for
getComputedStylebug inborder-radiusproperty (issue #4, thanks to @zessx for spotting this)
- crdev for all top-notch contributions, advice and help with Chrom(ium) bugs
- 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/.