prayash

// Copy-paste into your console (or minify and save as a bookmarklet) to see any DOM in an almost-sorta-working 3D stack of DOM elements.
// The front faces are colored for debugging, if this gist can be fixed, they can return to their normal styling.
(function () {
  const MAX_ROTATION = 180;
  const DEPTH_INCREMENT = 25;
  const PERSPECTIVE = 1000;
  const SIDE_FACE_CLASS = 'side-face';
  const MAX_DOM_DEPTH = getMaxDepth(document.body);

  // Calculate color based on depth, ensuring lighter colors for deeper elements

prayash

Fluid photoset

A photoset that retains the aspect ratio of all images, yet keeping images on the same row at equal heights.

A Pen by Terry Mun on CodePen.

License.

prayash

import ARKit
import SceneKit

let horizontalPoints = 256 / 2
let verticalPoints = 192 / 2
var depthNodes = [SCNNode]()
var parentDebugNodes = SCNNode()
var sceneView: ARSCNView!

// Somewhere during setup

prayash

[Isolating Differences Between Files][paper]

Advantage over Other Algorithms

The diff output is more specific:

[I]f a whole block of text is moved, then all of it, rather than just the beginning and end, is detected as changed.

>The algorithm described here avoids these difficulties. It detects differences that correspond very closely to our intuitive notion of difference.

prayash

JavaScript Internship Curriculum Ideas

• If interested, hop on Twitter and follow some great JS people to keep you mind on top of this stuff.
• Dan Abramov's Just JavaScript course: https://justjavascript.com/
• Itsy Bitsy Data Structures in JS: https://github.com/jamiebuilds/itsy-bitsy-data-structures.
• Clean Code principles applied to JavaScript: https://github.com/ryanmcdermott/clean-code-javascript
• Lights Out with Create React App
  • Only deps allowed: react, react-router, react-testing-lib, possibly TypeScript?!
  • Fundamentals of React + Testing!
• Reconciliation, Renderer, Hooks, React Fiber

prayash

[pitch] Low-Level Atomic Operations ⚛︎

• Author: Karoy Lorentey
• Version: 2020-04-03/3
• Document URL: https://gist.github.com/lorentey/cf8703b5974ebe8f85cfb92a6628880d
• Forum Thread: https://forums.swift.org/t/low-level-atomic-operations/34683
• Implementation:
  • [swiftlang/swift#30553][implementation] (Atomic operations)
  • [swiftlang/swift#26969][constantPR] (Constant-constrained ordering arguments)

prayash

Nerd Talk 3/13/2019

JoeJoeJoeJoeJoeJoe

• Carolina shag didn't happen, still wants to do it.
• Been doing minor electrical work, fixing light fixtures and stuff around the house.
• ReasonML stuff is on pause. Should probably take it one at a time instead of spreading too thin.
• Picked up a short eBook on Zen to Done, a spin on Getting Things Done.

David Iceman

• 11 year review which led to a few things to work on, but mostly affirmational

prayash

"AI is the new Electricity"

Andrew Ng lecture, Stanford Graduate School of Business
High level, but totally worth watching.
https://www.youtube.com/watch?v=21EiKfQYZXc

Stanford cs231n, winter 2016

I went looking for lectures from different sources and these are a great "from first principles" introduction. The newer cs231n lectures may have more relevant details, but I like Andrej Karpathy's

prayash

/**
 * lessons → lerp → map to a new range
 * —
 *
 * Map a number within 0.0 to 1.0 to a new range, such as 20.0 to 50.0.
 * For example, scaling a parameter from a start to end value.
 */

const canvasSketch = require('canvas-sketch');
const { lerp } = require('canvas-sketch-util/math');

prayash

FWIW: I didn't produce the content presented here (the outline from Edmond Lau's book). I've just copy-pasted it from somewhere over the Internet, but I cannot remember what exactly the original source is. I was also not able to find the author's name, so I cannot give him/her the proper credits.

---

Effective Engineer - Notes

• By Edmond Lau
• Highly Recommended 👍
• http://www.theeffectiveengineer.com/

What's an Effective Engineer?