Cruncher labs

Open-source – and the open web – are an integral part of Cruncher's fabric. Besides contributing regularly to various open-source projects we have created dozens of tools, custom elements, plugins, libraries and experiments of our own.

Many of these we use ourselves in day-to-day design and development. Some are born of pure curiosity, and are highly experimental – mileage will vary.

Django Rosetta

Facilitate the translation of multi-lingual Django projects.

github.com/mbi/django-rosetta

Scribe

An experimental music notation renderer for the web.

github.com/stephband/scribe/

Fluid font-size calculator

Break free of breakpoint tyranny: generate a hierarchy of fluidly responsive font-sizes.

stephen.band/font-size/

Django Simple Captcha

A simple, highly customisable captcha for Django.

github.com/mbi/django-rosetta

`<slide-show>`

An accessible, horizontally scroll-snapping, fullscreen-ready, loopable, autoplay-able carousel as a custom element.

stephen.band/slide-show

The shadow of a the summit of the Mauverin cast over the alpine valley of Nant

Wet moss and lichen-covered rocks in a shallow pool

Golden autumn meadows in front of a rocky summit dusted with snow

`<details-toggle>`

A simple custom element for folding blocks of content.

stephen.band/details-toggle/

Django Front

User editable front-end placeholders for Django.

github.com/mbi/django-rosetta

`<literal-html>`

A customised template element that enhances HTML with JS Literals – an easy way to mix dynamic content into a document.

stephen.band/literal/

acoustics.io

A construction noise calculator conforming to British Standards for predicting building site sound levels.

acoustics.io

Fn

A library of JS functions, observers, streams and so on published as ES6 modules.

github.com/stephband/fn/

Soundstage

Soundstage is a JSONify-able object model and sequencing engine for the WebAudio API.

github.com/soundio/soundstage

Form elements

A collection of custom form elements for advanced UIs, including <rotary-input>, <y-input> and <xy-input>.

stephen.band/form-elements/

MIDI

A library of functions for listening to and manipulating MIDI events in the browser.

stephen.band/midi/

Colin

Experimental 2D linear interpolation collision detection library.

github.com/stephband/colin/