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. 247 bytes
Better default links for the web. Easy to customize and/or extend. 155 bytes
The fastest css framework in the world. 11.3kb
Everything from the css spec broken up into single purpose classes. ~45kb
A template I use for package.json files
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 window management, saving sessions, opening files, saving files and more Editing output from an external process with Vim unix, :r, :!, visual-block mode, recording a macro Fun with svg and Vim registers, macros, :bufdo Vim - Download a file under your cursor motions, visual mode, registers, curl, :! Speedcast: Building an HSLA visualizer in under 5 minutes visual-block mode, macros, ctrl-a Speedcast: Responsive photo grid in 5:20 gulp, npm, grid, tachyons, visual block, :%s Designing in the browser gulp, npm, tachyons Deleting an entire file in vim :%d, ggdG
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 » Does CSS Performance matter? Yes it does. It matters because performance matters in general. 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 »