Ely Kahn elykahn

PNG + SVG export from canvas-sketch

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

Markdown License badges

Collection of License badges for your Project's README file.
This list includes the most common open source and open data licenses.
Easily copy and paste the code under the badges into your Markdown files.

Notes

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

Translations: (No guarantee that the translations are up-to-date)

🇫🇷 Cette liste en français

The introduction to Reactive Programming you've been missing

(by @andrestaltz)

This tutorial as a series of videos

If you prefer to watch video tutorials with live-coding, then check out this series I recorded with the same contents as in this article: Egghead.io - Introduction to Reactive Programming.

Some JavaScript Basics

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.

	// Copyright © 2016
	//
	// Permission is hereby granted, free of charge, to any person obtaining a copy
	// of this software and associated documentation files (the "Software"), to
	// deal in the Software without restriction, including without limitation the
	// rights to use, copy, modify, merge, publish, distribute, sublicense, and/or
	// sell copies of the Software, and to permit persons to whom the Software is
	// furnished to do so, subject to the following conditions: The above copyright
	// notice and this permission notice shall be included in all copies or
	// substantial portions of the Software.

	int[][] result;
	float t, c;

	float ease(float p) {
	return 3pp - 2pp*p;
	}

	float ease(float p, float g) {
	if (p < 0.5)
	return 0.5 * pow(2*p, g);

	#!/bin/bash
	# node-reinstall
	# credit: http://stackoverflow.com/a/11178106/2083544

	## program version
	VERSION="0.0.13"

	## path prefix
	PREFIX="${PREFIX:-/usr/local}"

	<!DOCTYPE html>

	<html class="no-js" lang="en"><!-- the "no-js" class is for Modernizr. -->

	<head id="www-sitename-com" data-template-set="html5-skeleton">

	<meta charset="UTF-8">

	<!-- Always force latest IE rendering engine (even in intranet) & Chrome Frame -->
	<meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">

	<?php
	$services = getenv("VCAP_SERVICES");
	$services_json = json_decode($services,true);
	$mysql_config = $services_json["mysql-5.1"][0]["credentials"];
	print_r($mysql_config);
	?>

	<canvas id= "c"> </canvas>
	<button id="reset">new colours</button>
	<div id="info">
	<div id="top">
	<a target="_blank" id="site" href="http://lonely-pixel.com">my website</a>
	<a id="close" href="">close</a>
	</div>
	<p>
	<br>
	- Alter particles/groups with the GROUPS variable.<br><br>