Various
Code exercises
I find it extremely valuable to make working things, and not just design them. It's incredibly satisfying on a personal level, but also helps in my job with engineering conversations (and sometimes — I can jump in and change something myself!). I've taken some freecodecamp classes and these are two of the outputs.
D3 Heatmap visualization
I spent a while working with data visualizations, and wanted to learn more about writing them myself. It opens the world up to more creativity and pragmatism when I'm fluent in what's behind the chart.
This heat map is one of the more complicated data visualizations… but wait there's more!
Check out this scatterplot! https://codepen.io/kfreed12/pen/zQpeKw
Or this bar graph! https://codepen.io/kfreed12/pen/WWyWYN
React markdown previewer
I wanted to learn React's interaction models, and again fortunately freecodecamp offered a little class on this. Here, you can enter text on the left and use a markdown language created for this exercise, which is interpreted and shows on the right.
Portfolio website
I wrote my previous portfolio myself, from scratch. Framer was the right tool for the job for this iteration, but I learned a lot writing my previous one. I used CSS Grid and some javascript – CSS grid was very cool to implement because it was both a change against Flexbox but also complimentary to it. As a designer, using CSS Grid was intuitive in a way writing web design hadn't really been before.