These are the things I've written that are tagged "web development"

CSS Sans

12 April 2018

A font constructed entirely by CSS. It is, essentially, a programmatic realtime typeface. I love how it degrades for older versions of IE: It’s not what I’d consider practical for production use. Still, CSS Sans is a hell of a demonstration of how far CSS has come since Microsoft shipped Internet Explorer 3 in 1996, […]

Crunch, an impressive new PNG compression tool for macOS

27 March 2018

Crunch is a macOS tool for lossy PNG image file optimization. It combines selective bit depth, color type, and color palette reduction with zopfli DEFLATE compression algorithm encoding using embedded versions of the pngquant and zopflipng PNG optimization tools. The example images are impressive. Obviously, you won’t want to use this on your archival or […]

Layout Land: CSS Grid

07 March 2018

Jen Simmons is doing a great job of introducing the core concepts of CSS Grid with this (https://www.youtube.com/playlist?list=PLbSquHt1VCf1x_-1ytlVMT0AMwADlWtc1). These videos have been a huge help to me getting up to speed on the state of the tech. Highly recommended.

Hex Preview

03 April 2015

Dead simple hex color scheme web app. Just type in your hex codes, and it will update in real time. You can add any number of colors at once to see how they look together, too.

Font-To-Width

31 March 2014

Font‑To‑Width (FTW!) is a script by Nick Sherman and Chris Lewis that takes advantage of large type families to fit pieces of text snugly within their containers. Can definitely see using this for some datavis stuff. There is some FOUT (Flash of unstyled text) to deal with though.

Hello There

My name is Phil Nelson and I make beautiful things for a troubled world. I'm a designer / developer / writer / director / editor / narrator at Occipital.

Stuff I Make

More To See and Read

Browse the Archives

Hey. What're you doing all the way down here? You get lost? Just looking around? Cool. I like you.