Front-end engineer pushing quality pixel by pixel

I build responsive and accessible interfaces that exceed everyone’s expectations. This is my top goal no matter the adversity it takes to get there.

Since 2015, I’ve built and enhanced over 20 small- and large-scale projects with teams of engineers, designers, and product managers. I’ve spent my time especially on Redacted.ai, OneTrust’s document redaction app, delivering the best of what the tool offers. I also wrote about front-end topics on CSS-Tricks, CodePen, and DEV Community.

If you’re in need of a front-end developer committed to bringing apps to their full potential like me, reach out to me today!

Get In Touch View My Work

Projects and Demos

Redacted.ai

While at OneTrust, Redacted.ai was a document redaction app I actively worked on. My role involved UI and UX overhauls and additions as well as a splash screen filled with animated SVG illustrations.

View Demo

Animated Star Rating

A blend of CSS selector trickery, SVG animation, little JavaScript, and tweaking makes this star rating as delightful as it can be.

View on CodePen

Apple Keyboard

Drawn entirely in CSS, this interactive Apple keyboard utilizes gradients and box shadows to make it look as realistic as possible.

View on CodePen

Emoji Train

Watch this emoji train travel in a CSS 3D world. Created using some Sass mixins to make it easy to assemble scenes like this one.

View on CodePen

Writing

February 8, 2021
Fitting Canvas Snow In a Tweet
Published on DEV Community
Since drawing lines in an HTML canvas takes many bytes, I had to get creative to fit snowflakes within the tweet limit.
September 24, 2020
How to Create Simple Skeuomorphic Buttons in CSS
Published on DEV Community
If you’re looking to add realism to your buttons, this is a good place to start.
December 30, 2019
Online Products and Services That Died in the 2010s
Published on CodePen
Before entering the 2020s, there was a huge bloodbath of amazing sites we used to know and love.
April 25, 2019
How to Turn Your CodePen Profile into a GIF Puzzle
Published on CodePen
With CodePen’s user profile layout, I explain a fun and unusual way to make your own page stand out.
April 24, 2019
That Time I Tried Browsing the Web Without CSS
Published on CSS-Tricks
Having CSS disabled, I browse five websites plus an online tool and share my first impressions and suggestions.
January 10, 2019
Converting Color Spaces in JavaScript
Published on CSS-Tricks
Learn how to create JavaScript functions that convert a color value’s color space like hex or HSL to another.
June 25, 2018
Drawing Images with CSS Gradients
Published on CSS-Tricks
This is a tutorial on drawing CSS vector images using a single div.
December 21, 2017
Fitting Flappy Bird Into a Tweet
Published on DEV Community
How much JavaScript logic for the once-viral dotGEARS title can be packed in 280 characters?
May 28, 2017
Trick for Resizable and Responsive CSS Images
Published on DEV Community
Just like SVGs, CSS vector images should be scalable, too.