New Portfolio - Synth

February 06, 2019

When I launched my old portfolio around 4 years ago, @Ian Williams reached out to me and asked if I wanted to make my synth illustration interactive. I was pumped! Hell yes. Life got the best of me, though, and not much ever came of it. ...

New Portfolio - Transitions

February 05, 2019

In my old portfolio, I tried to hack page transitions by applying CSS animations on page load. It worked ok, but there was still a hard cut—static elements like the header still got replaced, and often the animation would stutter because...

New Portfolio - Restricted Case Study

February 04, 2019

So, uh, fun fact: if you, at any point, will need password protection on your site, don't use a static site generator! Yeah, this came to bite me in the ass. After spending a few weeks creating an entire site in Jekyll, I realized there...

New Portfolio - Credits

February 01, 2019

"How'd they make that?" It's something I often ask myself when I discover cool tech on the web—but finding the answer isn't always easy. As part of my new portfolio, I included a credits pane (built with micromodal.js) that links to ev...

New Portfolio - Swiftype Case Study

January 31, 2019

One advantage of using SVGs is that you can dynamically change the fill color (with transitions!) without needing to load copies of images. I used this technique in the Swiftype case study on my new portfolio to demonstrate how icons app...

New Portfolio

January 30, 2019

Earlier this month I launched my new portfolio. 3 months in the making, I'm really proud of what shipped. The new site features a fresh Dropbox case study, revisions to existing text to better communicate how I design and why, accessibi...

CSS-Only ✨Magic Loader ✨

November 30, 2018

CSS is the only way I know how to animate (◕‿◕✿) https://codepen.io/kybradeck/pen/QJzRZv

1 Attachment

◻️◼️◻️◼️◻️◻️◼️◻️◼️◻️◼️◻️◻️

November 20, 2018

Some pixels for an interactive synth that's going on my new portfolio. 🎹 Play synth