WebReflection

This gist is a simple no-brainer description of the 3 ways (actually 2.5) the Web handle events.

<tag onclick />

The declarative inline HTML event listener is mostly an indirection of DOM Level 0 events, meaning this simply uses the equivalent of tag.onclick = listener behind the scene.

Example

click me

jackrusher

Twitter abuses all media file uploads, each type in its own way. If we want to upload a good looking animation loop from some low-color, high-detail generative art, we have to game their system's mechanisms.

• don't upload a video file, they will re-encode it into absolute 💩

• create a GIF, which they will auto-convert into a video file 😱

• The frames of the GIF will be resized to an even-sized width using an extremely naive algorithm. Your GIF should be an even size (1000, 2000,

vitalyfriedman

Authors Guide: Article Template

Please submit your article including all of the information below. You can include this as a seperate file if you like - but please complete each section. Please use an online service to write your article, for example Dropbox Paper, Draft.in, Google Docs. For more help, see the editorial guide

Article Title

Ideally under 67 characters, what problem does this article solve?

Quick Summary

senderle

So you want to modify the text of a PDF by hand...

If you, like me, resent every dollar spent on commercial PDF tools, you might want to know how to change the text content of a PDF without having to pay for Adobe Acrobat or another PDF tool. I didn't see an obvious open-source tool that lets you dig into PDF internals, but I did discover a few useful facts about how PDFs are structured that I think may prove useful to others (or myself) in the future. They are recorded here. They are surely not universally applicable --
the PDF standard is truly Byzantine -- but they worked for my case.

zaydek-old

const Token = {
  UNS: "uns", // unset (not whitespace)
  COM: "com", // comment
  KEY: "key", // keyword
  NUM: "num", // number
  STR: "str", // string
  PUN: "pun", // punctuation
  FUN: "fun", // function
}

luruke

const drawille = require('drawille')
const bunny = require('bunny')
const glmatrix = require('gl-matrix')
const width = 200
const height = 200
const canvas = new drawille(width, height)
const mat4 = glmatrix.mat4
const vec3 = glmatrix.vec3

let points = []

zaydek-old

position(
    - justification [left, h-center, right], // - could delimit optional, + could delimit required
    - alignment [top, v-center, bottom]
) {
    // map enum to expressions
    :: [left, top] flex-start
    :: [h-center, v-center] center
    :: [right, bottom] flex-end

    // no colons or semicolons

jackrugile

class Calc {

  /*
  ------------------------------------------
  | rand:float - returns random float
  |
  | min:number - minimum value
  | max:number - maximum value
  |
  | Get a random float between two values

AdaRoseCannon

'use strict';

class HTMLElementPlus extends HTMLElement {

	static defaultAttributeValue() {
		/* the name of the attribute is parsed in as a parameter */
		return;
	}

	static parseAttributeValue(name, value) {

rauschma

// node --harmony-async-iteration async-iteration-test.js

// for-await-of converts sync iterables over Promises to async iterables over fulfillment values
// Iterable<Promise<T>> -> AsyncIterable<T>
// Roughly: { value: Promise.resolve(123), done: false } becomes Promise.resolve({ value: 123, done: false })

// Spec: https://tc39.github.io/proposal-async-iteration/#sec-createasyncfromsynciterator

function* gen() {
    yield Promise.resolve(1);