Friday, January 19, 2018

Calculate transparent foreground color

function transparentColor(backgroundColor, finalColor, transparency){
  var color = [];
  for (var i = 0; i < 3; i++) {
    color[i] = (finalColor[i] - backgroundColor[i] + backgroundColor[i] * transparency) / transparency;
  return color;

transparentColor([204, 222, 225], [102, 139, 197], .5) = [0, 56, 169]

Thursday, February 2, 2017

API to the rescue

I love when I am trying to solve a problem and find out that the problem has already been solved.

Today I was trying to place a cursor into an Element but I was having an issue when the Element was scrolled off the page.

So I created a function `function scrollIntoView(element) { ... }` and I decided to see if anyone else had a solution for this.

It turns out the Element class has a function called ... wait for it ... Element.scrollIntoView

And it is supported by every browsers!!!

I must have done something great for this kind of karma.

Monday, May 16, 2016


Something that returns the same result when run multiple times as it does when run once on any input.

Sunday, October 18, 2015

punctuation on left when direction: rtl

When using direction: rtl the puctuation is on the left instead of the right.

<div style='direction: rtl;'>Hi!</div>