Hunter Becton

July 1, 2022

Have you ever been confused about the spacing between elements on a webpage? Why are some boxes closer together and some farther apart? Simply put, web browsers represent each element on a webpage as a rectangular box. This concept is known as the CSS Box Model. Watch the lesson CSS Box Mod ...

Hunter Becton

May 25, 2022

If your page loads and you see a broken image, it can be pretty jarring and prevent users from exploring your content. The fix is simple: include an image that is a placeholder for the broken image, so nothing falls apart when it doesn't load. This post will describe one way to do this in React ...

Hunter Becton

April 23, 2022

Hooking up your navigation bar to respond to user interaction is a great way to improve the user experience. For example, when the user scrolls down, you can add a slight shadow to the top of the navigation to make it look like it's lying on the page. In this lesson, you'll use a custom React h ...

Hunter Becton

March 24, 2022

A lot of JavaScript developers reach for a library like date-fns when working with dates in JavaScript. Although a library like date-fns provides a lot of functionality, you may not even need it. For example, you can use the built-in JavaScript Date method toLocaleString() to format a timestamp...