The ultimate guide to CSS Flexbox
Master CSS Flexbox with this comprehensive guide. Learn to create responsive, flexible, and customizable web layouts with ease.
Hunter Becton
May 25, 2023
CSS
Posts
Video tutorials and written explainations.
Boost productivity while programming with Git aliases
Git aliases are abbreviated versions of Git commands that you can use instead of the full command name, which can boost your productivity as a programmer.
Hunter Becton
January 22, 2023
Git
Productivity
How to create the Holy Grail Layout with CSS Grid
CSS Grid makes building responsive, adaptive grid layouts easy! This tutorial will show you how to use CSS Grid to create a responsive "Holy Grail" layout.
Hunter Becton
October 6, 2022
CSS
How spacing works on the web: CSS Box Model
The CSS Box Model consists of four areas: content, padding, border, and margin. Knowing how they work together in web development and design is essential.
Hunter Becton
July 1, 2022
CSS
How to make nav bar styles in React change on scroll
Learn how to change the styles of a navigation bar when a user begins to scroll and improve your user experience with a custom React hook and Tailwind CSS.
Hunter Becton
April 23, 2022
JavaScript
How to build resizable panels in React with Split.js
Want to build resizable panels like the CodePen editor? Follow this web development tutorial to learn how to build resizable panels in React with Split.js.
Hunter Becton
September 9, 2021
React
How to build a route progress bar in Next.js
Create a progress bar at the top of a Next.js application to let users know when route changes start and finish or when their requests are being processed.
Hunter Becton
July 20, 2021
React
Next.js
HTTPS and subdomains on localhost with Caddy Server
Have you ever needed SSL on localhost? In this web development tutorial, you'll learn how to get HTTPS and a subdomain setup on localhost with Caddy Server.
Hunter Becton
June 15, 2021
Tools
The ultimate guide to web fonts
Learn how to use web fonts for web development! From typography basics to implementation, we've got you covered for creating optimized, user-friendly websites.
Hunter Becton
February 20, 2023
Web Fonts
15 essential keyboard shortcuts for VS Code
These VS Code keyboard shortcuts are easy to learn, improve your workflow, and help you become a more productive developer.
Hunter Becton
December 16, 2022
Productivity
VS Code
A quick guide for color contrast and web accessibility
With so much riding on web accessibility, it's crucial to clearly understand the requirements for color contrast and how they might impact your website design.
Hunter Becton
July 21, 2022
Accessibility
Fix broken images in React with Next.js
Build a fallback image component in Next.js that renders a placeholder image if the original image link is broken and returns an error.
Hunter Becton
May 25, 2022
Next.js
React
How to format dates with vanilla JavaScript
Learn how to convert long, hard-to-read timestamps and date strings into a readable format using only vanilla JavaScript and the built-in toLocaleString method.
Hunter Becton
March 24, 2022
JavaScript
How to create a React scroll-to-top button
Learn how to create a simple scroll-to-top button with React to allow your users to quickly jump to the top of a webpage with just a click of a button.
Hunter Becton
August 6, 2021
React
How to create a React component dynamically with JSON
Need to render React components from a database? In this web development tutorial, you'll learn how to use createElement to render React components without
Hunter Becton
June 24, 2021
React