He/him/his. I live on Sissipahaw, Eno, Sappony, Catawba, and Shakori land. Black lives matter; in many places systems and individuals deny this as well as the equal worth of other groups of people who are not white, or not male, or not cis-gendered, or not heterosexual, or differently abled, or in some other way different from those who command the greatest privilege. In some instances the denial is not deliberate but in many instances it is deliberate; in some instances it is made without understanding but in many instances it is made with understanding. Racism hurts and kills, and so do so many other divisions predicated on differences of body or mind. I do not presume that this notice is stated perfectly; it will change or be removed if it does harm (don't hesitate to let me know).

Work with me! Viget is hiring https://viget.com/careers. It's a great place to be, happy to answer any questions over email.

I make accessible responsive front ends for websites small and large, CMS-backed or not. In a typical week I work on Node, PHP, and Rails stacks. I think about information architecture and presentation, mentorship and knowledge sharing, code reviews and team strength, collaboration and contribution. I enjoy writing utilities and build pipelines. Before this I was in cognitive neuroscience of mental disorders. Skill with smallest market: clay court croquet court restoration.

Selected dev writings

• zsh plugin manager plugin installation procedures (2020) shell zsh Read gist
• CLI Equivalents for Common MAMP PRO and Sequel Pro Tasks (2020) cli mamp mysql Read on viget.com
• Committed to the wrong branch? -, @{upstream}, and @{-1} to the rescue (2020) cli git Read on viget.com
• Twig: Determine if a date is past, present, or future (2020) twig views Read gist
• Try Out Fish For Your Command Line Shell (2020) fish shell Read on viget.com
• Configure Zsh Options & Plugins for Productivity in macOS's Default Shell (2019) shell zsh Read on viget.com
• How to use local Node packages as project dependencies (2019) cli npm yalc Read on viget.com
• Make all MAMP PHPs available on command line, and default to the latest (2019) mamp shell Read gist
• Fundamental ERB and Twig for Front-End Development (2019) erb twig views Read on viget.com
• Set Up a Windows 10 Virtual Machine and Run Internet Explorer 11 and Edge on Mac or Linux (2019) vm Read on viget.com
• Set Up Simulator and Test iOS Mobile Safari on Mac (2018) ios mobile Read on viget.com
• Set Up AWS CLI and Download Your S3 Files From the Command Line (2018) cli s3 Read on viget.com
• Sticking to Your Palette Regardless of Opacity (2015) css less Read on newmediacampaigns.com

Microprototypes

Proof of concept fiddles I've made to test out one thing or another. Mostly CSS demos — for JS I typically prototype locally with my standard tooling. Mostly using slim for markup and stylus for styles because they require the fewest Codepen keystrokes. Placeholder images come from CDNs; I cannot make any guarantees about their content. Maybe you'll find some useful.

• Equal-size image grid with equal height captions per row, sized to the tallest caption, with caption text top-aligned html css See pen
• Responsive accessible stacked figures with parallax captions html css See pen
• "Donut" link card pattern — linked image and body, separated by linked tags html css a11y See pen
• CSS Grid: Reverse column order (flex-direction: row-reverse, for grid) html css See pen
• Illustrated list: hover an item to change the adjacent picture html css See pen
• Responsive grid with accessible responsive art-directed heading and subheading html css a11 See pen
• Animated gradient background html css See pen
• Animated gradient text color html css See pen
• Breathing Halftone demo (halftone-dottified image, mouse interactions) See pen