Trying to make the web as fast as possible, highly readable, 100% responsive, and easy to navigate.
I like building tools that help make designing in the browser a little easier.
Advocate for users and open-source.
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.
Mobile friendly github profile viewer.
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.
The fastest css framework in the world.
Everything from the css spec broken up into single purpose classes.
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.
"Things I've Learned About CSS During 10 Years of Typing it Sometimes" - CSSConf Oakland
"Exploring the power of Abstract Syntax Trees" - The Mixin SF
"Designing with CSS" - Taco Tuesdays at Thoughtbot
"The Future of CSS is JS" - BeerJS
"What is CSS For?" - HarbourFront Meetup
Vim 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