Bumpkit: A library for the Web Audio API

Bumpkit is a still-in-progress DAW-inspired library for the Web Audio API. It lets you create mixers, sampler instruments, and more.

Basics

Create a mixer with two tracks

var mixer = bumpkit.createMixer().addTrack().addTrack();

Create a new Sampler instrument and load an audio buffer

var sampler = bumpkit.createSampler().connect(mixer.tracks[0]);

bumpkit.loadBuffer('/audio/clap.mp3', function(buffer) {
  sampler.buffer(buffer);
});

CSS-Flip: A CSS BiDi flipper

Need to generate left-to-right or right-to-left CSS? CSS-flip does that for you, from your source. It supports a variety of properties, including borders, margins, padding, and more.

Code Guide by @mdo: Standards for sustainable HTML and CSS

This Code Guide by @mdo is a fantastic guide to create sustainable, flexible, and durable HTML and CSS. It includes guidelines for syntax, attribute orders, classes, comments, and more.

Standards for flexible, durable, and sustainable HTML and CSS. — http://mdo.github.io/code-guide/

Fluidity: Making HTML 100% responsive

Fluidity is a tiny bit of CSS (107 bytes total) that fixes the part of HTML that isn’t completely responsive. It makes changes to the way images, tables, iframes, preformatted text, and canvas elements, so that they’re completely responsive.

FLUIDITY

A fully responsive css framework that is impossibly small

HTML out of the box is almost 100% responsive. This stylesheet fixes that in 115 minified bytes. Let's make the web just a bit more responsive shall we?

Installing fluidity

Production

Just include this file in the head of your html file.

<link rel="stylesheet" href="css/fluidity.min.css">

Development

Or if you want to develop with the uncompressed version

<link rel="stylesheet" href="css/fluidity.css">

Susy: Responsive grids for Compass

Keyframer: A CSS3 animation tool