Articles about programming

Categories

  • Checking if the URL Contains a Given String in Angular: A Comparison of Three Approaches

    This article discusses three different approaches for checking if a URL contains a given string in Angular, including using the Location service, the JavaScript includes() method, and regular expressions.

    Read More
  • Effective Use of beforeEach and afterEach in Angular Unit Tests

    Let’s discuss the importance and common use cases for the beforeEach and afterEach lifecycle methods in Angular unit tests, including mocking out external services, resetting the application state, and setting up test data.

    Read More
  • How To Create an Animated Loading Spinner with Tailwind CSS

    Tailwind CSS has built-in animation utility classes which enable you to add or create your own custom loading spinners in minutes!

    Read More
  • Enable Autocomplete for Tailwind CSS in VSCode

    The Tailwind Labs team has developed and released an official plugin that adds autocomplete to your VSCode environment, and it only takes a few clicks to enable!

    Read More
  • What Makes a Unit Test Valuable?

    This article provides a brief introduction to unit testing and what makes a valuable unit test.

    Read More
  • You Don't Need a CS Degree to Land a Web Development Job

    College degrees are expensive and time consuming. Here’s why you may not need to go to college to start your web development career.

    Read More
  • How to Enable Preview Mode in Next.js for your CMS

    Learn how to enable the powerful Preview Mode to view non-published content on your Next.js website or blog.

    Read More
  • Tailwind Gradients - How to Make a Glowing Gradient Background

    In this article, you’ll learn all about Tailwind gradients and how to create the popular glowing gradient effect.

    Read More
  • 6 BEST Fonts for Programming in 2022

    In this article, I share the top 6 best fonts to use for programming in 2022!

    Read More
  • How to Dynamically Create Open Graph Images with Cloudinary and Next.js

    In this article, I'll show you how to leverage the powerful Cloudinary API to create dynamic Open Graph images and banners for your website or blog.

    Read More
  • Maximize Component Reusability with Bit

    We put so much emphasis on component reusability inside a project, why are we not putting as much emphasis on component shareability?

    Read More
  • How to Create a Chat Layout with TailwindCSS and CSS Grid

    In this brief article, I'll show you how easy it is to build a chat layout with TailwindCSS using their CSS Grid utility classes.

    Read More
  • How to Unit Test an HTTP Service in Angular

    By the time we wrap up this addition to the series, not only will you understand how to write valuable tests, but you'll also understand what to test in an HTTP Service.

    Read More
  • Use Named Exports over Default Exports in JavaScript

    Named exports provide a handful of benefits over default exports. Here's why.

    Read More
  • The Gumball Machine: How To Quickly Identify Unit Test Cases

    Use the Gumball Machine to quickly craft an outline for writing your unit tests!

    Read More
  • How to Use the TailwindCSS Typography Plugin

    In this brief article, I will introduce the Tailwind Typography plugin and showcase its features and explain why it may be a good fit for your next TailwindCSS project.

    Read More
  • Hold Up - What Are JavaScript Generators?

    A generator function can be paused at any given point and continue where it left off when told to do so. Pretty crazy, right? Let's take a look!

    Read More
  • Why Every Developer Should Build Their Own Blog

    Someone approached me last month and asked me what personal project they should work on (as a new developer) and put on their portfolio. Instead of suggesting the age-old todo application, I took some time to really think about this question. And I have an answer.

    Read More
  • Unit Testing Fraud - Why Code Coverage is a Lie

    In this second article and final issue in this series, I will add the dynamic content injection and will get you familiar with GitHub Action workflows!

    Read More
  • Build a Glassmorphic Navbar with TailwindCSS backdrop-filter & backdrop-blur

    TailwindCSS v2.1 brings with it several new utility classes, including filters! Let me show you how I built my website's glassmorphic navbar using TailwindCSS!

    Read More
  • Creating the JAMstack logo with CSS - A Step-By-Step Guide

    Learn how to break complex objects into simple shapes and build the JAMstack logo with CSS!

    Read More
  • Setting Yourself Up for Success - How I Define MVP (Minimal Viable Product)

    As developers, we come up with unique ideas that may help solve a real-world problem. We create and clone a new repository, pour a ton of effort into the project at first and then… nothing. The project never sees the light of day. Why is this? Here's my proposal.

    Read More
  • A Web Developer's iPad Setup for Productivity

    I’ve structured my days more strictly. The iPad Pro is powerful (in many ways, more powerful than my Mac) and because it's so portable and has great battery life, I made the decision to use it as my main productivity tool. Here's the apps I use to stay productive.

    Read More
  • 6 BEST Fonts for Programming in 2021

    In this article, I'm going to share the best fonts you can use for coding. While subjective, I've comprised the list of free and paid fonts that make legibility a high priority (bonus points for the font looking beautiful as well).

    Read More
  • Creating a Killer GitHub Profile README Part 2

    In this second article and final issue in this series, I will add the dynamic content injection and will get you familiar with GitHub Action workflows!

    Read More
  • The <cite> HTML Tag

    Today, we look at the <cite> tag and how you should use it in your projects.

    Read More
  • Creating a Killer GitHub Profile README Part 1

    In this two-part article series, I will walk through, step by step, how I created my profile so that you can make your own README.md file stand out from the crowd.

    Read More
  • No Code - Build Games with GameSalad

    I’ve seen a lot of articles cover various No Code tools specifically for web development - but I want to take a few minutes to talk about an application that allows you to build your own mobile games without writing a single line of code.

    Read More
  • The <kbd> HTML Tag

    The <kdb> tag defines user input on your document and, by default, uses the browser's monospace font for visual distinction. Let's take a look at how it's used!

    Read More
  • The <progress> HTML Tag

    Welcome to the first article in the Uncommon HTML Tags series! The <progress> tag will create a progress bar and allow you to visualize the completion of a task. Let's take a look at how it's used!

    Read More
  • My VSCode Toolbox - 2020

    Here's a list of my VSCode extensions in 2020.

    Read More
  • Mocking Services in Angular

    In part two of this series, I want to continue the discussion of testing in isolation and briefly turn our attention to services.

    Read More
  • Mocking Components in Angular

    Are you a front-end developer using Angular? If yes, you need to be writing unit tests to give you the confidence you need to know that your code is working as intended.

    Read More
  • How to Make a Single Div Logo

    In this short article, I'll show you how to make a single div logo just using CSS!

    Read More
  • Change Text Highlight Color with CSS

    Did you know you can change the the highlight color of text when selected? Yep! Let me show you how!

    Read More
  • Git Hooks with Husky

    Wouldn’t it be cool if you could create custom scripts to be run before committing your code? What about right before you push your code to a repository? While there are many Git Hook solutions out there, my favorite is a little package called Husky. Let me show you why.

    Read More
  • Web Development Concepts in SwiftUI

    If you're a front-end developer interested in building your own iPhone or iPad apps, this article is for you. My goal is to take front-end concepts that you already know and show you the equivalent concepts in SwiftUI.

    Read More

Stay updated on programming articles

Sign up to receive notifications about new blog posts, insights, and exclusive content directly in your inbox.

NO SPAM. I never send spam. You can unsubscribe at any time!

Braydon's Logo

I'm Braydon - a senior front-end developer, blogger and public speaker. Thanks for checking out my site!

© 2025 Braydon Coyer