Oliver Pattison sitting on a bench

Photo of me by Jean Flanagan, CC BY-NC

I am Oliver Pattison, a designer focused on the future of the web. My main interests are archiving, usable and universal design, mobile technology, and photography.

I currently live in Washington, DC. I am originally from New York City.

I’m employed full-time but still available to work on small projects. Get in touch by email if you have a project in mind.

About this site

This website is an archive for my work, featuring:

Subscribe to this site’s Atom feed. Or subscribe to filtered feeds for my writing, photography, and projects.

Principles

Design and development

I designed this site solo in the space of a few weeks in October and November 2014.

Early in the process, I established a pattern page with reference examples of general HTML and specific use cases for my own designs. I plan to expand it and turn it into a pattern library and style guide for the site.

I would like to thank Jean for editing and design input.

Typography

The fonts on the site (300, 400 and 500 weights of the Ratio typeface and 400 weight of Source Code Pro) are hosted by Typekit. This site uses responsive typography based on pixel density, so if you have a higher resolution display, you will see different variants of Ratio. Only pages that include monospaced fonts conditionally incur a request for Source Code Pro.

Under the hood

All writing and photography on the site is my original work and is licensed under Creative Commons Attribution-NonCommercial 4.0 International (CC BY-NC 4.0). All design and code is under conventional copyright (as opposed to CC-style “copyleft” copyright), but is available for fair use on GitHub. If you are looking at the repository, almost everything in the _static and _posts folders is CC BY-NC 4.0 and the most of the rest of it is under copyright, where applicable.

I designed the site myself, so most of the source was written by me by hand. Exceptions where I derived inspiration or an approach from another source are noted inline. An example of copyright violation would be copying all of the source code outright and using it to make a public website that could be confused for this one.

Attribution

Proper CC BY-NC 4.0 attribution with a link and credit would look like: “The title” Oliver Pattison CC BY-NC 4.0 or:

“The title” <a href="http://2015.olivermak.es">Oliver Pattison</a> <a href="http://creativecommons.org/licenses/by-nc/4.0/">CC BY-NC 4.0</a>

If you have any questions about licensing or use of content from the site, please contact me by email.


Elsewhere on the web

Nearly every significant thing I read or look at is archived on Pinboard. It is my external brain and my favorite thing on the web. It is as complete an archive as I can keep of my reading online.

I am @olivermakes on Twitter.

My open source code (including this site) is on GitHub.

Some of my design experiments are posted on CodePen.

A selection of my mobile photography is on VSCO Grid.

I post less frequently to: