Download Presentation

Read on Prototypr

Lit up keyboard coming out of a swirl of stars

1 aIrP-eVFOO2x1jHn-nhLUQ

How to Align Your Team on the Need for Accessibility

Use Grid Wiz

View source code

Lines describing a column-based grid system with an editor to the right.

Screen Shot 2020-02-09 at 3.48.11 PM

Screen Shot 2020-02-09 at 3.47.49 PM

Flawlessly Upgrade Your App Over Time with Grid Wiz

Read on FreeCodeCamp

1 f4sCIr32i4md6i1G16xneQ

The Bad Toons You Will Meet in Web Development

Source Code

Introduction on FreeCodeCamp

Product Hunt Submission

The Chrome extension made for CSS Gridish included the same shortcuts as Sketch. A user could quickly compare their work between design and development.

Browser expanding size while an overlayed grid and columns size with it

When creating the API for CSS Gridish, I specifically chose terms familiar to visual designers. This helped designers and developers learn each others' different models for grid.

CSS Gridish Spec Diagram

The most valuable aspect of CSS Gridish was the pixel-perfect fallback from CSS Grid to CSS Flexbox on older browsers. I later isolated that feature and made a better performing solution called Grid Wiz.

Comparison of the same software layout in Chrome and Internet Explorer

CSS Gridish thumbnail

CSS Gridish

Official Website

Download for Chrome

Download for Firefox

Design Article on FreeCodeCamp

Developer Article on FreeCodeCamp

The Global Upvote was meant to be my most skeuomorphic project, imitating newspapers I would read with my father every Sunday as kid.

Newspaper-looking website titled "The Global Upvote"

Website with two articles displayed as a newspaper’s front page.

Global Upvote thumbnail

Global Upvote

Read on Medium

Rocket ship

How I Automate All of the Boring Parts of my Job with Create React App DevOps

Lighthouse

How to Crank Your Progressive Web App’s Google Lighthouse Score Up to 100

Reddit mascot on top of a bunch of web portfolios.

Reddit

What I Learned from Reviewing 50 Portfolios on Reddit in 3 Crazy Days

Me, screaming in frustration of defining my career.

Identify Crisis Full

Me screaming in frustration about my identity.

Identity Crisis

Identity Crisis: Am I a Developer or a Designer?

View the Interactive Tutorial

Katy Perry singing with left shark and right shark

Screen Shot 2020-06-21 at 10.02.07 PM

Slimer the ghost from Ghostbusters smiling