Adam Morse

Designer / SF

About

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.

Featured Work

colors

A nicer color palette for the web. 389 bytes of css

waves

Animated generative art. d3.js, soundcloud api

prnt

Various print work. photography, typography

gfffs

Hi-def gifs for the super-bored. photography, animation

Open Source

cascading stylesheets

css stats

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.

pesticide

Kill your layout bugs faster than ever. Over 8000 installs on chrome. 911 bytes

btns

Extemely light-weight css module for constructing responsive buttons.
663 bytes

type.css

Tiny css module for a mobile-first responsive type scale.
683 bytes

fluidity

A css shim to make html a bit more responsive out of the box.
247 bytes

links

Better default links for the web. Easy to customize and/or extend. 155 bytes

tachyons

The fastest css framework in the world. 6.5kb

css uncut

Everything from the css spec broken up into single purpose classes.

~45kb

Prototyping templates

mnml

Minimal template to design in the browser with html & sass.

trim

Prototype setup to build light-weight, more performant websites.

html

Every html element from the spec - on one page. Useful as a base to starting a css framework from scratch.

nkd

Every html element from the spec - on one page. Useful as a base to starting a css framework from scratch.

css modules on npm

Fun

gifolio
mrsjxn
mrmrs beats

Writing

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 >>

Videos

Vim project setup
Editing svg with vim
Editing output from an external process in vim