BLACK LIVES MATTER

He/him/his. I live on Hawaiian land.

Work with me! Viget is hiring https://viget.com/careers (remote and in person). 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

since March 28, 2021.