Skip to content

Instantly share code, notes, and snippets.


Francois Laberge seflless

View GitHub Profile
seflless / useGesture.js
Created Jul 8, 2021
useGesture Example
View useGesture.js
import appActor from '../state/actors/app';
import { useGesture } from '@use-gesture/react'
import { useEffect, useRef } from "react"
import { getCamera } from "../cameras/usePanZoom";
export function usePanZoomEvents() {
const panZoomStartPositionInWorldSpace = useRef()
seflless / test.js
Last active Jun 18, 2017
Medium Embedding Test
View test.js
function test(){
const a = "a";
View Expandable Markdown

Expandable Markdown Sections

This markdown..

    <b>Expand for puppy</b>
    <img src=""/>

Elm has well thought out versioning rules. Because of Elm's strong type system their package manager could (can?) enforce the rules. They already have a CLI command to generate a report of what's changed between any two versions of a module.

For example, to compare changes between elm-lang/core's module 3.0.0 vs 4.0.0, run: elm-package diff elm-lang/core 3.0.0 4.0.0 which will produce:

Comparing elm-lang/core 3.0.0 to 4.0.0...
This is a MAJOR change.

------ Added modules - MINOR ------
View cli.js
// Regular commander.js logic up here. None of this
// logic is run if a subcommand match was found
var knownSubCommands = [
seflless /
Created Oct 10, 2015 — forked from mbostock/.block

For zontinuous data such as time series, a streamgraph can be used in place of stacked bars. This example also demonstrates path transitions to interpolate between different layouts. Streamgraph algorithm, colors, and data generation inspired by Byron and Wattenberg.

seflless / atom-doc.json
Created May 15, 2015
HAR file for Documentation Page Load Time Issues
View atom-doc.json
"log": {
"version": "1.2",
"creator": {
"name": "WebInspector",
"version": "537.36"
"pages": [
"startedDateTime": "2015-05-15T15:31:28.141Z",
seflless /
Last active Aug 29, 2015
Red5Pro Beta Issue

Steps to reproduce

  1. Install the Android app
  2. Open the app on your phone
  3. Select Second Screen
  4. Settings
  • Server:
  • Port: 8088
  • App Name: secondscreen
  1. Open the drawing app webpage
  2. Select Multi Draw from host list.
View designer.html
<link rel="import" href="../core-icon-button/core-icon-button.html">
<link rel="import" href="../core-scaffold/core-scaffold.html">
<link rel="import" href="../core-header-panel/core-header-panel.html">
<link rel="import" href="../core-menu/core-menu.html">
<link rel="import" href="../core-item/core-item.html">
<link rel="import" href="../core-toolbar/core-toolbar.html">
<link rel="import" href="../core-menu/core-submenu.html">
<polymer-element name="my-element">
View index.html
<!DOCTYPE html>
<!--[if IE 8]> <html class="ie8 bc-iframe"> <![endif]-->
<!--[if !IE 8]><!--> <html class="bc-iframe"> <!--<![endif]-->
<meta charset="ISO-8859-1">
<meta name="viewport" content="user-scalable=0, width=device-width, maximum-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">