GitPlanet

Cheap and reliable Node.js hosting starts at $3/month, and $1/month static HTML hosting

Created with love in Canada, visit hostnodejs.com today

Feel like to post an Ad? Learn Details
All Projects → kdzwinel → Snappysnippet

kdzwinel / Snappysnippet

Chrome extension that allows easy extraction of CSS and HTML from selected element.

Labels

csschrome-extensionweb-development

Projects that are alternatives of or similar to Snappysnippet

H5player
网页播放器增强脚本，支持：播放进度记录、播放倍率记录、快进快退、倍速播放、画面缩放等
Stars: ✭ 736 (-17.67%)
Mutual labels:  chrome-extension
Codeswing
VS Code extension for building web applications ("swings") using a interactive and editor-integrated coding environment
Stars: ✭ 791 (-11.52%)
Mutual labels:  web-development
Quickmyanimelist
[Abandoned] The dream Chrome Extension for you with a MyAnimeList account.
Stars: ✭ 6 (-99.33%)
Mutual labels:  chrome-extension
Markdown New Tab
🗒️ ⏰ ✅ Save notes in Markdown directly in the 'New Tab' page
Stars: ✭ 746 (-16.55%)
Mutual labels:  chrome-extension
Front End Career
A career guide to Front End Developers
Stars: ✭ 765 (-14.43%)
Mutual labels:  web-development
Tabliss
An extensible New Tab web extension written in TypeScript, React and Redux.
Stars: ✭ 798 (-10.74%)
Mutual labels:  chrome-extension
Raspberrycast
📺 Transform your Raspberry Pi into a streaming device. Videos can be sent from mobile devices or computers (Chrome extension).
Stars: ✭ 726 (-18.79%)
Mutual labels:  chrome-extension
Gata
Bookmarks made better
Stars: ✭ 17 (-98.1%)
Mutual labels:  chrome-extension
Chromesnifferplus
🔍 Sniff web framework and javascript libraries run on browsing website.
Stars: ✭ 788 (-11.86%)
Mutual labels:  chrome-extension
Rsstodolist Addon
rsstodolist Firefox and Chrome addon (using Web Extension API)
Stars: ✭ 5 (-99.44%)
Mutual labels:  chrome-extension
Saka Key
A keyboard interface to the web
Stars: ✭ 748 (-16.33%)
Mutual labels:  chrome-extension
Javalite
JavaLite is a cohesive collection of frameworks designed from ground up to add pleasure back to your daily life
Stars: ✭ 753 (-15.77%)
Mutual labels:  web-development
Ublacklist
Blocks specific sites from appearing in Google search results
Stars: ✭ 798 (-10.74%)
Mutual labels:  chrome-extension
Projectfib
Chrome extension to flag fake news on Facebook. Built at HackPrinceton '16
Stars: ✭ 741 (-17.11%)
Mutual labels:  chrome-extension
Nflxmultisubs
Multiple Subtitles and Enhanced Experiences for Netflix Web App
Stars: ✭ 889 (-0.56%)
Mutual labels:  chrome-extension
Dirac
A Chrome DevTools fork for ClojureScript developers
Stars: ✭ 732 (-18.12%)
Mutual labels:  chrome-extension
Chrome Extensions
WebRTC chrome extensions for screen sharing, screen recording, file sharing, youtube+audio sharing, etc.
Stars: ✭ 799 (-10.63%)
Mutual labels:  chrome-extension
Leetcoder
Chrome extension makes available sorting problems by likes,dislikes,ratio(likes/dislikes)
Stars: ✭ 18 (-97.99%)
Mutual labels:  chrome-extension
Toggl Button
Toggl Button extension for Chrome and Firefox
Stars: ✭ 891 (-0.34%)
Mutual labels:  chrome-extension
Javascript
a chrome extension,game for javascript
Stars: ✭ 5 (-99.44%)
Mutual labels:  chrome-extension
View All Similar Projects ➔

SnappySnippet

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

Screenshot

Installation

Download the extension and manually load it as an 'Unpacked extension' via the extensions page.

Usage

Open Developer Tools, you should see the new SnappySnippet tab. Inspect an element on the page and switch to the new tab, you will see options for settings and exporting the code for the element you selected.

For more details, see this demonstration video.

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

Changelog

0.5

  • #13 IFrames support (by @crdev)
  • #19 Prefixing/namespacing CSS IDs

0.4

  • #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

0.3

  • JS Bin support (by @remy)
  • temporary workaround for getComputedStyle bug in border-radius property (issue #4, thanks to @zessx for spotting this)

Special thanks to

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/.

Note that the project description data, including the texts, logos, images, and/or trademarks, for each open source project belongs to its rightful owner. If you wish to add or remove any projects, please contact us at [email protected].