webhint.io
I drove creative direction, user experience, branding and front-end development for the webhint.io developer tool.
Microsoft Edge Developer Tools
When Microsoft adopted the Chromium browser engine, the developer tools needed to reflect the Microsoft visual language.
BCBS Axis Marketing Website
Blue Cross Blue Shield needed a landing page for their new healthcare data product, BCBS Axis.
Design for Developers
A companion site for the Design for Developers book, rebuilt to practice the fundamentals the book teaches.
Wolvic.com
UX and visual design refresh for the Wolvic open source XR browser marketing site.
Servo.org
UX and visual design refresh for the Servo browser engine marketing site.
PWA Checklist
A checklist for UI and UX considerations when building a Progressive Web App. Based on my conference talk.
More visual design on Dribbble
Explore more visual design examples on Dribbble. This is more of a scrapbook of design bits.
Code Demos & Experiments
I love experimenting and playing with cutting edge technologies in the web platform and pushing the limit with design and code. These are some of my code experiments, mostly exploring CSS.
CSS Initial-Letter Demo
An experiment exploring CSS initial-letter for drop caps and editorial layout.
Dual Screen Layout & CSS Media Queries
A recipe page demo built for dual-screen devices, originally created for Smashing Magazine.
CSS Grid Poster
Poster re-creation using CSS Grid for the layout.