thysultan

Algorithmic layouts

You are looking at the most important, and most abundant thing on the web. You can't see it, unfortunately, because it's very small… aaaaand it's invisible — so having a magnifying glass doesn't really help here. But still.

I'm talking, of course, about U+0020; not to be confused with the band U2, who are just as ubiquitous, but far less useful.

This unicode point, representing the humble space character, is between every word, in every run of text, on every page of the web. And it has a very special characteristic: it's not sticky like glue. If two words are neighbors but there's not enough room for both of them, the space will free the second word to wrap around and start a new line.

Before getting into flexible containers, viewport meta tags, and @media breakpoints this humble character is what makes the web fundamentally 'responsive'. That is: able to change the layout of its content to suit different devices, contexts, and settings. Browser text does this automa

thysultan

A non-exhaustive list of WebGL frameworks and libraries. It is mostly for learning purposes as some of the libraries listed are outdated/not maintained anymore.

Engines and libraries

• three.js: JavaScript 3D library
• stack.gl: an open software ecosystem for WebGL, built on top of browserify and npm.
• PixiJS: Super fast HTML 5 2D rendering engine that uses webGL with canvas fallback
• Pex: Pex is a javascript 3d library / engine allowing for seamless development between Plask and WebGL in the browser.
• Babylon.js: a complete JavaScript framework for building 3D games with HTML 5 and WebGL
• AwayJS: AwayJS is a graphics library for javascript written in typescript
• SceneJS: An extensible WebGL-based engine for high-detail 3D visualisation

thysultan

Installing V8 on a Mac

Prerequisites

• Install Xcode (Avaliable on the Mac App Store)
• Install Xcode Command Line Tools (Preferences > Downloads)
• Install depot_tools
  • git clone https://chromium.googlesource.com/chromium/tools/depot_tools.git
  • sudo nano ~/.bash_profile
• Add export PATH=/path/to/depot_tools:"$PATH" (it's important that depot_tools comes first here)

thysultan

Per https://code.google.com/p/v8/codesearch#v8/trunk/src/runtime.cc


%CreateSymbol
%CreatePrivateSymbol
%CreateGlobalPrivateSymbol
%NewSymbolWrapper
%SymbolDescription
%SymbolRegistry
%SymbolIsPrivate

thysultan

// Copyright 2013-2019 Benedikt Meurer
//
// Licensed under the Apache License, Version 2.0 (the "License");
// you may not use this file except in compliance with the License.
// You may obtain a copy of the License at
//
//     <https://www.apache.org/licenses/LICENSE-2.0>
//
// Unless required by applicable law or agreed to in writing, software
// distributed under the License is distributed on an "AS IS" BASIS,

thysultan

/**
 * @param fn {Function} Callback function to trigger on frame
 * @param fps {int} Target FPS
 * @returns {{pause: pause, start: start, destroy: destroy}}
 */
function frameLoop(fn, fps=60) {
	let then = 0;
	let interval = 1000 / fps;
	let isRunning = true;
	let currentFrameId = null;

thysultan

function memory(obj) {
    var bytes = 0;

    function size (obj) {
        if (obj !== null && obj !== undefined) {
            switch (typeof obj) {
                case 'number':  bytes += 8; break;
                case 'string':  bytes += obj.length * 2; break;
                case 'boolean': bytes += 4; break;
                case 'object':

thysultan

/** @param {Node|HTMLElement} node */
function toJSON(node) {
	if(!node)
		node = this;

	var obj = { nodeType: node.nodeType };
	if(node.tagName)
		obj.tagName = node.tagName.toLowerCase();
	else if(node.nodeName)

thysultan

// model
function Model () {
  this._state = {}
  return this
}

Model.prototype.get = function (key) {
  return this._state[key]
}

thysultan

/*
 * Simple Pub/Sub Implementation for jQuery
 *
 * Inspired by work from Peter Higgins (https://github.com/phiggins42/bloody-jquery-plugins/blob/master/pubsub.js)
 *
 * This is about the simplest way to write a pubsub JavaScript implementation for use with jQuery.
 */

(function( $ ) {
  // Cache of all topics