| // find attribute | |
| export function findInParent( node, attribute, levels = Infinity ) { | |
| return node.getAttribute( attribute ) || | |
| ( levels > 0 ? findInParent( node.parentElement, attribute, --levels ) : null ); | |
| } | |
| // find anything | |
| export function findInParent( node, filter, levels = Infinity ) { | |
| return filter( node ) || |
| // Sobel Edge Detection Filter | |
| // GLSL Fragment Shader | |
| // Implementation by Patrick Hebron | |
| uniform sampler2D texture; | |
| uniform float width; | |
| uniform float height; | |
| void make_kernel(inout vec4 n[9], sampler2D tex, vec2 coord) | |
| { |
I've heard this before:
What I really get frustrated by is that I cannot wrap
console.*and preserve line numbers
We enabled this in Chrome DevTools via blackboxing a bit ago.
If you blackbox the script file the contains the console log wrapper, the script location shown in the console will be corrected to the original source file and line number. Click, and the full source is looking longingly into your eyes.
This article has been given a more permanent home on my blog. Also, since it was first written, the development of the Promises/A+ specification has made the original emphasis on Promises/A seem somewhat outdated.
Promises are a software abstraction that makes working with asynchronous operations much more pleasant. In the most basic definition, your code will move from continuation-passing style:
getTweetsFor("domenic", function (err, results) {
// the rest of your code goes here.
| <!doctype html> | |
| <html> | |
| <head> | |
| <title>Three.js : WebGL Canvas Texture Text Example</title> | |
| <style type="text/css"> | |
| * { | |
| margin: 0; | |
| padding: 0; | |
| } | |
| body { |
| push = (element) -> (stack) -> | |
| newStack = [element].concat stack | |
| {value: element, stack: newStack} | |
| pop = (stack) -> | |
| element = stack[0] | |
| newStack = stack.slice 1 | |
| {value: element, stack: newStack} | |
| bind = (stackOperation, continuation) -> (stack) -> |