Motherplate: A bare bones responsive boilerplate

Motherplate is a bare bones HTML5, CSS3, and SCSS responsive boilerplate. It doesn’t include any visual styling or components, just bare bones CSS to get started with.

A bare bones responsive SCSS boilerplate for web designers

Flexy Boxes: A flexbox code generator and playground

Flexy Boxes is a flexbox code generator and playground in one. Just set the options for your flexboxes, preview them, and then output the code.

Koutu Swiss: A CSS framework for Stylus

 

Koutu Swiss is a CSS framework for Stylus. It gives you tons of mixins, functions and utilities for faster coding.

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