activetheory

float levelChannel(float inPixel, float inBlack, float inGamma, float inWhite, float outBlack, float outWhite) {
    return (pow(((inPixel * 255.0) - inBlack) / (inWhite - inBlack), inGamma) * (outWhite - outBlack) + outBlack) / 255.0;
}

vec3 levels(vec3 inPixel, float inBlack, float inGamma, float inWhite, float outBlack, float outWhite) {
    vec3 o = vec3(1.0);
    o.r = levelChannel(inPixel.r, inBlack, inGamma, inWhite, outBlack, outWhite);
    o.g = levelChannel(inPixel.g, inBlack, inGamma, inWhite, outBlack, outWhite);
    o.b = levelChannel(inPixel.b, inBlack, inGamma, inWhite, outBlack, outWhite);
    return o;

jasonswearingen

/** 

WHAT:  A very simple example of redux + redux-simple-router using Typescript.

WHY: The official example found here: https://github.com/rackt/redux-simple-router/tree/1.0.2/examples/basic has problems:
1) it is spread over many files making it very hard to "skim"
2) it is organized by function, not by feature.  (Example: learning "how to manipulate redux state" is spread over 5 files in 4 folders)
3) there are no comments explaining what's going on/why.

WHO: by JasonS@Novaleaf.com

miglen

Amazon Web Services (AWS) & Google Cloud Platform (GCP) explained in simple English

This guide is only representative from my point of view and it may not be accurate and you should go on the official AWS & GCP websites for accurate and detailed information. It's initially inspired by AWS in simple English and GCP for AWS professionals. The idea is to compare both services, give simple one-line explanation and examples with other software that might have similiar capabilities. Comment below for suggestions.

Category	Service	AWS	GCP	Description	It's like
Compute	IaaS	Amazon Elastic Compute Cloud (EC2)	Google Compute Engine	Type-1 virtual servers	VMware ESXi, Citrix XenServer
	PaaS	AWS Elastic Beanstalk	Google App Engine	Running your app on a platform

bitcity

ffmpeg -i <your movie file> -vf scale=1:1 <output folder>/%06d.png

convert +append <output folder>/* out.png

mogrify -scale x50\! out.png

Credit : https://www.reddit.com/r/dataisbeautiful/comments/3rb8zi/the_average_color_of_every_frame_of_a_given_movie/cwmn4q2

paulirish

What forces layout / reflow

All of the below properties or methods, when requested/called in JavaScript, will trigger the browser to synchronously calculate the style and layout*. This is also called reflow or layout thrashing, and is common performance bottleneck.

Generally, all APIs that synchronously provide layout metrics will trigger forced reflow / layout. Read on for additional cases and details.

Element APIs

Getting box metrics

• elem.offsetLeft, elem.offsetTop, elem.offsetWidth, elem.offsetHeight, elem.offsetParent

WebReflection

#!/usr/bin/env bash

# A basic Self Signed SSL Certificate utility
# by Andrea Giammarchi @WebReflection

# https://www.webreflection.co.uk/blog/2015/08/08/bringing-ssl-to-your-private-network

# # to make it executable and use it
# $ chmod +x certificate
# $ ./certificate # to read the how-to

ericdke

if let uuid = getSystemUUID() {
    let filepath = ("~/Library/Preferences/ByHost/com.apple.notificationcenterui.\(uuid).plist" as NSString).stringByExpandingTildeInPath
    if let dict = NSDictionary(contentsOfFile: filepath), doNotDisturbState = dict["doNotDisturb"] as? Bool {
        print(doNotDisturbState)
    }
}

stakes

# Add the following line to your project in Framer Studio. 
# `frameless = require "frameless"`

frameless = {}

# Directly opens the prototype in Frameless
frameless.open = ->
	intent = "frameless://"
	url = intent + window.location.host + window.location.pathname + "/"
	window.location.replace url

romainl

This gist is no longer maintained.

See https://github.com/romainl/vim-rnb for an up-to-date version.

---

My Vim-related gists.

ErikPeterson

//Set up scene, camera, and renderer
var scene = new THREE.Scene;
var camera = new THREE.PerspectiveCamera( 45, window.innerWidth / window.innerHeight, 1, 10000 );

var renderer = new THREE.CanvasRenderer();
    renderer.setClearColor( 0xf0f0f0 );
    renderer.setSize( window.innerWidth, window.innerHeight );
    document.body.appendChild( renderer.domElement );
                
var video = document.createElement('video');