An experiment in optimized loading of mobile-first responsive CSS.

[c]2012 @scottjehl, Filament Group, Inc. MIT/GPLv2

Page load data

JavaScript wasn't available so the fallback stylesheet loaded.

CSS output

In browsers that support CSS pseudo elements (like :after{}), each loaded stylesheet will add a line of text below to announce its presence and whether its intended breakpoint is currently active. Note that this script is merely concerned with improving stylesheet loading performance, but how and where those loaded stylesheets apply is still controlled by CSS media queries.