ajfarkas

Keybase proof

I hereby claim:

• I am ajfarkas on github.
• I am ajfarkas (https://keybase.io/ajfarkas) on keybase.
• I have a public key whose fingerprint is 64F2 8417 973A F3FB B17A E94E 3826 66A0 FAA3 8A08

To claim this, I am signing this object:

ajfarkas

function scrollSmooth(node, time){
	var distance = node.getBoundingClientRect().top,
			step = 10 * distance / time,
			frames = distance / step,
			i = 0,
			run;

	function goTo(){
		window.scrollBy(0, step);
		i++;

ajfarkas

var array = ["One", "Two", "Three"], local = {};

//for local scope
array.forEach( function(value, index){
  local["number" + value] = index + 1;
});

console.log(local.numberOne) //1
console.log(local.numberTwo) //2
console.log(local.numberThree) //3

ajfarkas

function hexToRGBa(hex, alpha){
  var r = parseInt( hex.slice(1,3), 16 ),
      g = parseInt( hex.slice(3,5), 16 ),
      b = parseInt( hex.slice(5,7), 16 ),
      a = alpha || 1;
  return "rgba(" + r + ", " + g + ", " + b + ", " + a + ")";
}

ajfarkas

Histograms of the range of luminance values for all unmixed hues of red, green, and blue.

Middle gray for our eyes is 18% gray for computer monitors (rgb(47,47,47) is L*a*b*(50.015), where L*.domain([0, 100])). The background color is the RGB value closest to L* == 50.

ajfarkas

A 3-series histogram of red, green, and blue hue luminance distribution. The bars are z-axis sorted by height, and the graph is sortable by color, with animation.

ajfarkas

Geometry is fun! Rotated x-axis labels calculated by input.

ajfarkas

Move the slider to choose the angle of the x-axis labels.

ajfarkas

Luminance Histogram for R, G, B Hues

This d3 histogram shows the range of luminance values (0 - 100) for all saturation levels of red, green, and blue hues, respectively. I've used opacity on a dark background to mimic proper color-mixing. D3 transitions provide smooth animation when showing and hiding individual histograms. The particularly interesting result here is that there is a much larger variety of light colors than of dark colors; if you were to choose an rgb() (or hex) color at random, bet on it being > 50 L*.

ajfarkas

[{"date":"2015-04-20","min":"26.8","max":"48.0"},{"date":"2015-04-21","min":"36.1","max":"57.2"},{"date":"2015-04-22","min":"29.3","max":"61.5"},{"date":"2015-04-23","min":"46.4","max":"48.6"},{"date":"2015-04-24","min":"28.2","max":"48.9"},{"date":"2015-04-25","min":"33.8","max":"52.5"},{"date":"2015-04-26","min":"29.3","max":"55.6"},{"date":"2015-04-27","min":"40.6","max":"57.0"},{"date":"2015-04-28","min":"41.5","max":"58.8"},{"date":"2015-04-29","min":"47.8","max":"59.4"},{"date":"2015-04-30","min":"44.8","max":"57.7"},{"date":"2015-05-01","min":"40.1","max":"63.7"},{"date":"2015-05-02","min":"30.9","max":"70.5"},{"date":"2015-05-03","min":"32.7","max":"73.6"},{"date":"2015-05-04","min":"34.5","max":"84.4"},{"date":"2015-05-05","min":"51.3","max":"74.3"},{"date":"2015-05-06","min":"34.2","max":"77.4"},{"date":"2015-05-07","min":"39.7","max":"84.2"},{"date":"2015-05-08","min":"44.8","max":"64.2"},{"date":"2015-05-09","min":"44.6","max":"70.0"},{"date":"2015-05-10","min":"46.2","max":"84.9"},{"date":"2015-0