Add-on to copy a page element with styles

Question

I'm looking for an add-on for any browser that could copy any particular web page element with all it's styles to clipboard to be paste-in and show someone.

The aim is to have an opportunity to quickly share a small part of my big project or to assist in writing an article about this HTML and CSS tricks or to inspect a part of someone's else work.

Any ideas? If no such plugin exist, I'll try to write is by myself.

Answer 1

This is probably too late. But if anyone out there looking for the same thing, use SnappySnippet. It was built by Konrad Dzwinel

Firefox Add-on

Chrome extension

More details

It's a great extension.

Answer 2

Haven't seen anyone mention such an extension and a quick search doesn't yield one. You'll probably have to build one yourself.

The excellent Firebug add-on already collects this information, it may be easier to make a Firebug plugin to add the push-button convenience.

Note that this question is tagged as Greasemonkey, but Greasemonkey is not the best tool for this job.

Answer 3

Have you tried the Web Developer addon (firefox/chrome)? Not sure if it does exactly what you are asking for, but it displays the source in-page, allowing you to select specific sections of the page/source. You can use this feature and then copy-paste the relevant element you want to work with. That is if I understood your needs. If not, please clarify...