Illustration of the designer by Marcus Tegtmeier

I’m Justin McDowell and I specialize in design & revolt.

New

CSS Vertigo: Understanding Perspective A Little Bit More

Posted

Part of a movie poster designed by Jan Tschichold. See the full poster below.

I’ve been doing a bit of research into how the avant garde masters of the early 20th century manipulated type in their designs in order to achieve certain kinds of effects. I’m interested in how we might be able to duplicate some of those effects with CSS today. A lot of it is fairly straightforward, but lately I’ve tumbled down the rabbit hole of CSS perspective. It all started with this poster designed by Jan Tschichold and ended with recreating the cinematic dolly-zoom “vertigo” effect with pure CSS.

Continue reading…

Bauhaus and The Evergreen State College

Posted

The Bauhaus-Archiv in Berlin, Germany.

This work is licensed under a Creative Commons Attribution-NonCommercial 4.0 International License.

I’ve been doing quite a bit of reading about Bauhaus, the influential early twentieth century school of art. I’m learning so much about the school that I never knew before. Given my recent experience of working at The Evergreen State College, I’ve found the similarities between my current workplace and Bauhaus rather striking.

Continue reading…

Picky Style: Vertical Cadence & Line-height

Posted

I want to talk about the other vertical text measure, line-height. On Evergreen’s website, I chose a vertical cadence of 15px. That means, in an ideal world, all elements would align at increments of fifteen pixels down the page. Why fifteen? It’s a fairly arbitrary value. It seemed big enough to be significant, but small enough to be flexible. But that’s only the beginning.

Continue reading…