Skip to content

Instantly share code, notes, and snippets.

View koenbok's full-sized avatar

Koen Bok koenbok

1.1k followers · 26 following
View GitHub Profile
@koenbok
koenbok / autoplay.html
Created December 13, 2017 20:17
<html>
<body>
<video controls autoplay muted>
<source id="mp4" src="http://grochtdreis.de/fuer-jsfiddle/video/sintel_trailer-480.mp4" type="video/mp4">
</video>
</body>
</html>
@koenbok
koenbok / CanvasLayer-Fabric.coffee
Created December 28, 2016 12:56
# Don't forget to add Frabric to the index.html file
# https://cdnjs.cloudflare.com/ajax/libs/fabric.js/1.7.2/fabric.js
layer = new CanvasLayer
# Create a new Fabric canvas instance
canvas = new fabric.Canvas(layer.canvas)
rect = new fabric.Circle
radius: 100
@koenbok
koenbok / CanvasLayer.coffee
Created December 28, 2016 11:30
layer = new CanvasLayer
point: Align.center
layer.ctx.beginPath()
layer.ctx.arc(100, 100, 90, 0, 2 * Math.PI, true)
layer.ctx.fillStyle = "#0055DD"
layer.ctx.fill()
layer.ctx.lineWidth = 20
layer.ctx.strokeStyle = "#00AAFF"
@koenbok
koenbok / SVGLayer-Raphael.coffee
Last active December 28, 2016 11:05
# Make sure Raphael.js is included in the html file
layer = new CanvasLayer
paper = new Raphael(layer.svg)
text = paper.text(70, 40, "Lorem Ipsum!")
text.attr({"font-size": 20, "fill": "orange"})
@koenbok
koenbok / SVGLayer.coffee
Last active December 28, 2016 12:36
layer = new SVGLayer
point: Align.center
shape = layer.addShape("circle")
shape.setAttribute("cx", 100)
shape.setAttribute("cy", 100)
shape.setAttribute("r", 90)
shape.setAttribute("fill", "#0055DD")
shape.setAttribute("stroke", "#00AAFF")
shape.setAttribute("stroke-width", 20)
@koenbok
koenbok / mac-tweaks.md
Last active April 23, 2022 22:37
My Favorite Mac Tweaks

Skip verifying disk images

defaults write com.apple.frameworks.diskimages skip-verify true

Always hide the Desktop

defaults write com.apple.finder CreateDesktop false; killall Finder

Make terminal logins fast

touch ~/.hushlogin

Disable most animations

@koenbok
koenbok / cotree.ts
Created October 5, 2016 12:19
// Internal types
interface NodeType {
id: string
type: string
attributes: Map<string, any>
children: List<NodeType>
}
@koenbok
koenbok / tree.ts
Created September 12, 2016 20:48
interface Node {
id: string
type: string
children: List<Node>
}
class Tree {
// Create and remove (updates root)
create(type: string, parent: string|null|Node= null, attributes: any = {}): Node {}
@koenbok
koenbok / app.coffee
Created September 8, 2016 01:10
layer = new Layer
@koenbok
koenbok / app.coffee
Created September 8, 2016 01:09
# Hello Jordan!