Ben Holmes

Let's get some clarity on what single page apps are, how they work, and where they differ from server-side routing.

It's easy to grab keys out of JSON objects, but what if we want to grab entire, nested *sets* of keys without destructuring?

It's easy to build fancy fade transitions, but how do we include keyboard-ists and screenreaders in the mix?

Let's see why CSS variables / custom properties fail in media queries + some workarounds to try

Image optimization is never fun to deal with. Let's learn how the picture element + 11ty can save any static site from bloated load times.

The world has been moving away from pancake-flat bundling and towards dynamic module imports. Let's see the latest trends and what they mean for us.

I've grown my audience on DEV for over 2+ years. Now, I'm ready to start my journey of self-hosting, newsletters, interactive posts, and more!

Here's 4 bash snippets that let me push, pop, and pull my way to victory as a web dev!

Let's explore architecture complexity, when abstractions are bad, how React Hooks work, and the importance of SvelteJS

I struggled with understanding array.reduce for a while. So I found my own way of explaining it that clicks 💡

Using CSS variables + any frontend framework to add a metallic shine to your UI

Turns out, Jest gives you access to all sorts of browser APIs (fetch, localStorage, etc) that you can mock at a moment's notice! Let's see how.

Why I'm ditching my favorite notetaking app to get organized, write everything down, and build a second brain.

From the burning ashes of 2020, I've unearthed some gems that really improved my life as a dev. Let's talk notes, git snippets, state machines, and FP!

Let's pull CMS data the easy way with GraphQL. We'll explore NextJS, Contentful, and GraphiQL from a beginner's perspective!

We've come a long way from Bootstrap. Let's explore the CSS framework spectrum from utility classes to all-in-one component powerhouses.

Let's build a slick navbar you can use in React, Svelte, or vanilla ES6 JS. We'll create an animated hamburger dropdown as well!

State machines aren't just a nice library (hi XState); they're a way of thinking about your state. Let's jump into an example using TypeScript.

Here's when templating libraries like Pug might be better than a bunch of components

Aka building my own static site generator from scratch (don't try this at home)

Everyone's talking about CSS Grid, but when is it really better than what you're already doing?

CSS variables are super powerful. Let's see how they can make repeated styles less DRY

Let's make a carousel of images that fade between each other, all in 30 lines of code.

A rundown of my favorite web dev tools in 2019 feat. Netlify, Svelte, CSS vars, and Contraste

Whether you've seen HTML or not, it may feel unclear when to use each element, or even what elements are available these days.

As a frontend dev with little industry experience, these are some lessons learned in the project development process.

Enums are a great way to standardize your types. But what if you want string values too?

CSS frameworks are an amazing tool for beginners, but what if you've never written a stylesheet yourself?

When your code turns to 💩 but you've already committed, how do you go back?

Styling with JavaScript is pretty convenient, but how can CSS replicate that logic?