Pedro Casaubon xperiments

mostly in the realm of creative coding and graphics programming

lots of these are my own :)

tooling

https://www.npmjs.org/package/wzrd (browserify dev server)
https://www.npmjs.org/package/budo (like wzrd but with incremental watching & LiveReload)
https://www.npmjs.org/package/beefy (more fully-featured dev server)

Styling native elements

Native HTML controls are a challenge to style. You can style any element in the web platform that uses Shadow DOM with a pseudo element ::pseudo-element or the /deep/ path selector.

video::webkit-media-controls-timeline {
  background-color: lime;
}

video /deep/ input[type=range] {

Editors

resources

To implement API authentication in KeystoneJS, you need the following:

For key based authentication

Middleware that validates the key in the request body or a header

For session based authentication

An endpoint that handles signin
An endpoint that handles signout

Micro-Template: README.md

Valid template expressions:

expressions can reference any property on the passed in context, including nested properties and indexed access to array properties.

     {{ name }}
 {{ obj.name }}

	(function() {
	const a=10;
	a=20;
	let b=10;
	b=20;
	console.log("a-->" + a);
	console.log("b-->" + b);
	var s = true;
	while (s) {
	const ic = 10;

	/**
	* Bitwise Mathematics Utilities
	*
	* A collection of fast bitwise operations for integer mathematics.
	* These functions prioritize performance over readability and should be used
	* when micro-optimizations are critical (game engines, real-time applications).
	*
	* References:
	* - http://michalbe.blogspot.com.br/2013/03/javascript-less-known-parts-bitwise.html
	* - http://jsperf.com/bitwise-vs-math-object

	function unhash(hash) {
	var parts = [];
	var letters = 'acdegilmnoprstuw';
	while (hash !== 7) {
	var index = hash % 37;
	hash = (hash - index) / 37;
	parts.unshift(letters[index]);
	}
	return parts.join('');
	}

	//install kss and fs-extra: npm install kss fs-extra

	var kss = require('kss'),
	options = {
	markdown: false
	};
	var fs = require('fs-extra');

	var file = './docs/kss.json';

	@timestampable
	class Dog {
	public name: string = 'Paul';
	}

	function timestampable(func) {
	return <any>(function() {
	var genericConstructor = () => {};
	genericConstructor.prototype = func.prototype;
	var instance = new genericConstructor();