Skip to content

Instantly share code, notes, and snippets.

Avatar

Francois Laberge seflless

View GitHub Profile
@seflless
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()
console.log("usepanzoom");
@seflless
seflless / test.js
Last active Jun 18, 2017
Medium Embedding Test
View test.js
function test(){
const a = "a";
}
View Expandable Markdown Sections.md

Expandable Markdown Sections

This markdown..

<p><details>
  <summary>
    <b>Expand for puppy</b>
    </summary>
    <img src="http://youthvoices.net/sites/default/files/image/129678/dec/1600dog_11019_1.jpg"/>
</details></p>
View Elm-Versioning-Tooling-Rules.md

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 = [
"blah",
"ha",
"etc"
]
@seflless
seflless / README.md
Created Oct 10, 2015 — forked from mbostock/.block
Streamgraph
View README.md

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
seflless / atom-doc.json
Created May 15, 2015
HAR file for Atom.io 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
seflless / Instructions.md
Last active Aug 29, 2015
Red5Pro Beta Issue
View Instructions.md

Steps to reproduce

  1. Install the Android app
  2. Open the app on your phone
  3. Select Second Screen
  4. Settings
  • Server: 162.242.210.105
  • 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]-->
<head>
<meta charset="ISO-8859-1">
<title>您好大卫</title>
<meta name="viewport" content="user-scalable=0, width=device-width, maximum-scale=1">
<meta http-equiv="X-UA-Compatible" content="IE=edge">
<style>
</style>