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

Tachyons

CSS toolkit. ~12kb of css

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
waves

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

"Things I've Learned About CSS During 10 Years of Typing it Sometimes" - CSSConf Oakland

November 2014

"Exploring the power of Abstract Syntax Trees" - The Mixin SF

November 2013

"Designing with CSS" - Taco Tuesdays at Thoughtbot

January 2014

"The Future of CSS is JS" - BeerJS

July 2015

"What is CSS For?" - HarbourFront Meetup

July 2015

Writing

What are Classes for? Mobile-first CSS Good CSS What is CSS for? Does CSS Performance matter? Learning CSS How to Line-Height Hack Design: Vim as a Design Tool