techtheriac

Sass Architecture Structure

sass/
|
|– base/
|   |– _reset.scss       # Reset/normalize
|   |– _typography.scss  # Typography rules
|   ...                  # Etc…
|

techtheriac

Nerding out on Typography

• Font style matcher - Matching custom fonts with web safe fonts as a way to curb FOUT
• Safe web fonts - Listing of safe web fonts
• Fallback Font stacks - Fallback Font Stacks for More Robust Web Typography
• FF meta - Pen by Jason Pamental exploting FF Meta variable font
• How to design a font - Brief guide on the details of typeface design
• V-Fonts - A simple resource for finding and trying variable fonts
• Speculator - Superpolator, Skateboard, designspaces, variable fonts, mutatormath: a collection of tools and resources by LettError Type.

techtheriac

using System;
using IOCExploration.Implementations;
using IOCExploration.Interfaces;
using System.Reflection;
using Autofac;

namespace IOCExploration
{
    class Program
    {

techtheriac

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

techtheriac

Generic 1,2,3 Noise

float rand(float n){return fract(sin(n) * 43758.5453123);}

float noise(float p){
	float fl = floor(p);
  float fc = fract(p);
	return mix(rand(fl), rand(fl + 1.0), fc);
}

techtheriac

Lambda (λ) Calculus For Javascript Developers

This article aims at explaining lambda calculus in a more approachable less 'mathy' manner.

Terms That Are Good To Know

• Memoization: Memoization is an optimization technique used primarily to speed up computer programs by caching the result of expensive function calls and returning the cached result when fed with the same input.

• Pure Function: A pure function is a function whose computation does not depend on globally declared variables, it does no I/O or mutations. All it does is return a value after doing a bunch of computations on the arguments it recieves. For a given set of arguments, a pure function will always return the same value. Thus, a pure function is one that is memoizable.