Adam Morse

Designer

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. 11.3kb

css uncut

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

package

A template I use for package.json files

contrast

Readable type contrasts.

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

Scaffolding for a simple jekyll project.

Fun

mrsjxn
beats
gifolio
play
up & in thirds

Some sites I've built

heyitswilliam
OneRoom

Screencasts

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 :%d, ggdG

Talks

CSSConf Oakland

November 2014

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