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

Overthrow: An overflow: auto polyfill for responsive designs

Overthrow is a tiny, no-frills targeted overflow: auto polyfill for use in responsive designs. It’s framework-independent and uses lightweight, decoupled JavaScript.