Nov 10, 2018

How to extract CSS and HTML together from selected element of a web page

By using SnappySnippet, you can easily extract CSS and HTML from selected element. Then send it to CodePen, jsFiddle or JS Bin with one click.

SnappySnippet is a DevTools extension of Chrome that allows you to extract CSS and HTML from selected DOM subtree (last inspected element). Then, with just one click, you can send selected code to CodePen, jsFiddle or JS Bin. Other features: 
  • cleans up HTML (removing unnecessary attributes, fixing indentation) 
  • optimizes CSS to make it readable 
  • fully configurable (all filters can be turned off)