Fresh Reads

Trigger warning: I may use SASS and SCSS interchangeably throughout this post. You've been warned 😈You probably clicked on this post thinking "wait, you can't write mixins in plain CSS. What kind of clickbait is this?"Let me admit something right off the bat: this post does not…

Ah image carousels... the classic web dev conundrum. Back in the dark ages (so like 5 years ago), you'd be reaching for bootstrap faster than you could spell "bower." But now, with all the crazy component-based frameworks at our disposal, we might as well build one with our bare…

Now that we're turning over a new year (a new decade even!), I wanted to take a minute to remember all the tools that made my life easier in 2019. "Best of" lists for web dev tend to summarize the technologies in general terms. So for this, I want to focus more on the projects I…

Let's get down to the fundamentals. Whether you've seen HTML or not, it may feel unclear when to use each element, or even what elements are available these days. The following should be a helpful cheatsheet for web dev beginners and markup professionals alike!This article is a…

Writing this, I just finished my summer internship at Peloton Interactive 🥳 As I hang up my biker gang helmet, I wanted to talk about my biggest learning experience: working on a large-scale ReactJS project from concept to MVP presentation. I'll walk through the process of…

If you've been using TypeScript for any amount of time, you've probably wondered this at least once:Can I use string values instead of numbers on TypeScript enums?This often comes up when you want a variable to have a select few string values. For example, say you're creating a…

Step 1: Take deep breathsThe best way to overcome your escalating fear that your codebase / world is collapsing around you is deep breathing. Before frantically flying to the keyboard, just go in through the nose... and out through the mouth.Step 2: Look over the commit…

Note: My post is inspired by this article from the brilliant Chris Coyier about the power of CSS calc(). Definitely worth a read!If you’ve been keeping up with web development since 2018, you’ve probably come across CSS custom properties / variables. They’ve become the new…

Disclaimer: This was adapted from a guide written internally for our Bits of Good organization to help newbies get their footing when joining a project team. You can learn more about the organization here if you're interested. Yes, we are reworking the website these next few…

Many articles tackling the issue of CSS frameworks either argue whether or not they should be used in a project at all, or dig deep on the pitfalls of each potential option. From my experience, there's a bit more nuance to it than that. CSS frameworks have a clear place to take…

Update 4.10.19 A recent comment below blew my mind name dropping the Intersection Observer API. This was essentially built for exactly what this article's about, allowing you to fire a callback whenever an element is in a certain position on the screen! The latter parts of the…

Any web dev who's been at it for a few years has likely heard this question every other day.I'm really interested in learning about web development, but I don't know how to start. Any suggestions?A decade ago, this would have been an easy answer. Just make an index.html, throw…

Update: I've noticed that Surge hasn't seen many updates to its repo recently. It seems safe to use for now (I haven't seen any vulnerability warnings), but if the project ends dying off, Netlify and Zeit Now are great alternatives that offer similar benefits over GitHub…