gordonbrander / scene.js

Last active November 6, 2022 09:19

scene.js - basic Timeline-driven animation functions

	export const progress = (t, start, end) =>
	t < start ? 0 :
	t > end ? 1 :
	(t / (end - start));

	export const tween = (start, end, step, state, t) =>
	step(state, progress(t, start, end));

	export const event = (time, step, state, t) =>
	t < time ? step(state, 0) : step(state, 1);

tomhodgins / sketch.html

Last active January 9, 2024 15:16

Draw <svg> inside the browser! On mousedown and touchstart it begins drawing a line, drops nodes as you mousemove or touchmove, and then finishes the line where you mouseup or touchend. It also has support for line width and color, exporting the current drawing by email as well as downloading the drawing as an svg file.You can also import SVGs. h…

	<!DOCTYPE html>
	<html manifest=sketch.manifest>
	<head>
	<meta charset=utf-8>
	<title>Sketch</title>
	<meta name=apple-mobile-web-app-capable content=yes>
	<meta name=apple-mobile-web-app-status-bar-style content=black>
	<meta name=viewport content="user-scalable=no, initial-scale=1, maximum-scale=1, minimum-scale=1, minimal-ui">
	<link href="http://staticresource.com/formal.css" rel=stylesheet type=text/css>
	<script>eval(unescape(escape('♶♡♲☠♩☽♤♯♣♵♭♥♮♴☮♣♲♥♡♴♥♅♬♥♭♥♮♴☨☧♣♡♮♶♡♳☧☩☬♣☽♩☮♧♥♴♃♯♮♴♥♸♴☨☧☲♤☧☩☬♦☽♤♯♣♵♭♥♮♴☮♣♲♥♡♴♥♅♬♥♭♥♮♴☨☧♬♩♮♫☧☩☬♭☽♤♯♣♵♭♥♮♴☮♣♲♥♡♴♥♅♬♥♭♥♮♴☨☧♬♩♮♫☧☩☻♩☮♷♩♤♴♨☽☲☰☰☻♩☮♨♥♩♧♨♴☽☲☰☰☻♣☮♦♩♬♬♓♴♹♬♥☽☧♬♩♧♨♴♧♯♬♤♥♮♲♯♤♹♥♬♬♯♷☧☻♣☮♢♥♧♩♮♐♡♴♨☨☩☻♣☮♭♯♶♥♔♯☨☱☰☬☰☩☻♣☮♬♩♮♥♔♯☨☱☹☰☬☰☩☻♣☮♱♵♡♤♲♡♴♩♣♃♵♲♶♥♔♯☨☲☰☰☬☰☬☲☰☰☬☱☰☩☻♣☮♬♩♮♥♔♯☨☲☰☰☬☱☹☰☩☻♣☮♱♵♡♤♲♡♴♩♣♃♵♲♶♥♔♯☨☲☰☰☬☲☰☰☬☱☹☰☬☲☰☰☩☻♣☮♬♩♮♥♔♯☨☱☰☬☲☰☰☩☻♣☮♱♵♡♤♲♡♴♩♣♃♵♲♶♥♔♯☨☰☬☲☰☰☬☰☬☱☹☰☩☻♣☮♬♩♮♥♔♯☨☰☬☱☰☩☻♣☮♱♵♡♤♲♡♴♩♣♃♵♲♶♥♔♯☨☰☬☰☬☱☰☬☰☩☻♣☮♣♬♯♳♥♐♡♴♨☨☩☻♣☮♦♩♬♬☨☩☻♣☮♳♴♲♯♫♥♓♴♹♬♥☽☧♲♥♤☧☻♣☮♬♩♮♥♗♩♤♴♨☽☳☰☻♣☮♬♩♮♥♃♡♰☽☧♲♯♵♮♤☧☻♣☮♢♥♧♩♮♐♡♴♨☨☩☻♣☮♭♯♶♥♔♯☨☴☵☬☱☳☰☩☻♣☮♢♥♺♩♥♲♃♵♲♶♥♔♯☨☴☵☬☱☳☰☬☷☰☬☲☰☰☬☱☰☵☬☱☳☰☩☻♣☮♢♥♺♩♥♲♃♵♲♶♥♔♯☨☱☰☵☬☱☳☰☬☱☴☰☬☵☰☬

StephanHoyer / github.js

Last active February 13, 2024 14:19

Commiting multiple files to github over API

	'use strict';

	var Octokat = require('octokat');
	var extend = require('lodash/object/assign');

	var defaults = {
	branchName: 'master',
	token: '',
	username: '',
	reponame: ''

caseywatts / bookmarkleting.md

Last active October 12, 2025 10:55

Making Bookmarklets

This is one chapter of my "Chrome Extension Workshops" tutorial, see the rest here: https://gist.github.com/caseywatts/8eec8ff974dee9f3b247

Unrelated update: my book is out! Debugging Your Brain is an applied psychology / self-help book

Making Bookmarklets

I'm feeling very clever. I've got this sweet line of javascript that replaces "cloud" with "butt". My mom would LOVE this, but she doesn't computer very well. I'm afraid to show her the Developer Console and have her type/paste this in. But she IS pretty good at bookmarks, she knows just how to click those!

A bookmark normally takes you to a new web page. A bookmarklet is a bookmark that runs javascript on the current page instead of taking you to a new page. To declare that it is a bookmarklet, the "location" it points to starts with javascript:.

elclanrs / deepObjMap.js

Created August 15, 2014 21:25

	var deepObjMap = function(f, obj) {
	return Object.keys(obj).reduce(function(acc, k) {
	if ({}.toString.call(obj[k]) == '[object Object]') {
	acc[k] = deepMap(f, obj[k])
	} else {
	acc[k] = f(obj[k], k)
	}
	return acc
	},{})
	}

Noitidart / _js-snippet-CubicBezierSplit2.js

Created May 5, 2014 06:22

_js-snippet-CubicBezierSplit2 - This split method is from iScriptDesign.com under "Tutorial > Split Bezier" I'm posting here in case that site goes down.

	Split bezier
	Shows the possibility to split a bezier curve, two separate techniques are used:

	Bernstein's Polynomials
	Casteljau's Algorithm

	Bernstein's Polynomials
	The Bernstein Polynomial implemented in javascript reads as:

	getBezier = function getBez(percent,p1,cp1,cp2,p2) {

Noitidart / _js-snippet-CubicBezierSplit.js

Last active June 20, 2024 02:53

_js-snippet-CubicBezierSplit - By Mike Pomax http://stackoverflow.com/questions/23451801/create-easy-function-40-off-set/23452618

	function splitCubicBezier(options) {
	var z = options.z,
	cz = z-1,
	z2 = z*z,
	cz2 = cz*cz,
	z3 = z2*z,
	cz3 = cz2*cz,
	x = options.x,
	y = options.y;

timo22345 / flatten.js

Last active March 12, 2025 09:42

Flatten.js, general SVG flattener. Flattens transformations of SVG shapes and paths. All shapes and path commands are supported.

	<!doctype html>
	<html>
	<title>Flatten.js, General SVG Flattener</title>

	<head>
	<script>
	/*
	Random path and shape generator, flattener test base: https://jsfiddle.net/fjm9423q/embedded/result/
	Basic usage example: https://jsfiddle.net/nrjvmqur/embedded/result/

nitaku / README.md

Last active September 17, 2023 11:05

Boolean operations on 2D shapes

This example shows the results (orange) of performing four different boolean operations (union, difference, xor and intersection) on two 2D shapes (blue). Thanks to the powerful clipper.js library, the computation is performed in client-side Javascript.

The example is almost entirely taken from this clipper.js demo.

danharper / background.js

Last active August 29, 2025 17:45

Bare minimum Chrome extension to inject a JS file into the given page when you click on the browser action icon. The script then inserts a new div into the DOM.

	// this is the background code...

	// listen for our browerAction to be clicked
	chrome.browserAction.onClicked.addListener(function (tab) {
	// for the current tab, inject the "inject.js" file & execute it
	chrome.tabs.executeScript(tab.ib, {
	file: 'inject.js'
	});
	});

Jaron Wanderley jaronwanderley

Making Bookmarklets