The helper function canvas-to-svg.js wraps a given render function (or renderer object) so that you can use Canvas2D context methods as usual, but upon single frame export (with Cmd/Ctrl + S) it will produce both a PNG and SVG file.

This uses canvas2svg which is not a perfect solution, as the Canvas2D API was never designed to be translated to SVG. Its best to stick with simple shape and path operations.

Full instructions: first install the canvas-sketch CLI if you haven't already:

npm install canvas-sketch-cli -g

Collection of License badges for your Project's README file. Easily copy and paste the code under the badges into your Markdown files.

• Badges are made with Shields.io.
• This badges do not fully replace the license informations for your projects, they are only emblems for the README, that the user can see the License at first glance.

Comment this gist or write me an E-Mail ([email protected])

This is an example of a calendar made with flexbox.

A Pen by Landon Schropp on CodePen.

License.

Some buttons with infinite gradient animation.

Forked from Tiffany Rayside's Pen Gradiance.

A Pen by ely kahn on CodePen.

License.

Animated Gradient Background. If animation seems glitchy, please view without iframes: http://s.codepen.io/tmrDevelops/debug/qENbLZ?

I'm seeing a strange glitch in certain editor views and in the details view every once in a while - but works perfectly fine with no frames...

Forked from Tiffany Rayside's Pen Gradiance 2.

A Pen by ely kahn on CodePen.

A Pen by Michael Hobizal on CodePen.

License.

I was going through a book starting JS from scratch and thought "Demo or it didn't happen"

Forked from Funsella's Pen Some JavaScript Basics.

A Pen by ely kahn on CodePen.

License.