Tip:
Highlight text to annotate it
X
Hi! I would like to introduce you to a tool that
might be currently missing from your usual
toolkit. It's called SnappySnippet, but
lets start with this page.
We are on the Flat UI page. Flat UI
is a skin for Bootstrap.
We are browsing some available widgets.
Lets say we especially like this progress bar
here and with SnappySnippet
we can select it and extract it.
Extract both HTML and CSS connected with this
element. From here we can send the code to the CodePen,
JS Bin or jsFiddle.
Lets try JS Bin for now. Here it is
Here is our progress bar splitted into CSS
and HTML that is
very easy to play with. If you think that SnappySnippet
might be useful for you, just go to the
Chrome Web Store and search for it. You will also find a link
in description below. Thanks!