A nicer color palette for the web. 389 bytes of css
Various print work. photography, typography
Hi-def gifs for the super-bored. photography, animation
Parses css to build a rudimentary styleguide as well as give heuristic stats on your code-base and highlights areas that could benefit from abstractions.
Kill your layout bugs faster than ever. Over 8000 installs on chrome. 911 bytes
Extemely light-weight css module for constructing responsive buttons.
Tiny css module for a mobile-first responsive type scale.
A css shim to make html a bit more responsive out of the box.
Better default links for the web. Easy to customize and/or extend. 155 bytes
The fastest css framework in the world. 10.2kb
Everything from the css spec broken up into single purpose classes.~45kb
Minimal template to design in the browser with html & sass.
Prototype setup to build light-weight, more performant websites.
Every html element from the spec - on one page. Useful as a base to starting a css framework from scratch.
Scaffolding for a simple jekyll project.
Some sites I've built
ScreencastsVim project setup Editing output from an external process with vim Fun with svg and vim
WritingMobile-first CSS What is mobile-first CSS?
Mobile-first CSS has pretty much nothing to do with mobile-first design or development practices. They can be related. But they don’t have to be. Read more » Good CSS After eight years of designing in the browser, this is a short list of things I believe to be true. Read more » What is CSS for? HTML is by default: responsive, vector, and highly readable on any device. Think about that for a second. Read more » Hack Design: Vim as a Design Tool For many designers, editing and writing text comprises a large chunk of our work. Between writing down ideas, editing code, and comprising a emails, text-editing can take up the majority of our day. With this in mind we'll explore how and why we could use Vim, a command-based text editor, to improve our design workflow. Read more »