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.

Fun

gifolio
up & in thirds
mrsjxn
mrmrs beats

Writing

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

Videos

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