Thoughts

How to Clean SVGs in bulk

in Uncategorized

Oftentimes, we need to use specific icon sets from a design for a site rebuild. SVGs are often the best way to display these on the frontend because they’re more performant, more flexible and much easier to work with than plain images. However, the icons that get exported from Zeplin/Sketch/whatever have a lot of junk […]

Read More

Reading Wrap-up 2018

in Personal

One of my favorite things in life is sitting down on a warm afternoon with a glass of wine and reading a good book for a while. I read a lot and this year has been particularly good for books and some absolutely fantastic reads. These are some some of my top recommendations and favorite […]

Read More

The Gotchas of `position: sticky`

in Development

position: sticky is an excellent newer CSS property for working with designs where an element needs to stick to point a page as a user scrolls down. This allows us to replace large amounts of legacy JS and bring styling of sticky elements back into CSS.  However, position: sticky has a lot of gotchas and they’re […]

Read More

Hot-Reloading using Webpack with PHP File Changes

in Development

We use Webpack at Human Made to power our frontend JS and SCSS compilation and refreshing. Webpack is a powerful tool, but there’s always been an important piece missing on our local builds when working on monolithic WP themes: refreshing PHP files when they are modified. There is a plethora of Webpack plugins for handling […]

Read More

Simplifying Overly-Nested Code

in Development

While working at Human Made on enterprise codebases, we get to see a lot of legacy code and review code from developers a wide variety of skill levels. This lets us see quite a few interesting and anti-patterns and one of the most common patterns that I see cropping up across projects and developers is […]

Read More