• Styling Radio Buttons
    May 2022
    Radio inputs are one of those input types that are notoriously difficult to style because we don't have a whole lot of control over the native input. Let's explore 2 different pure CSS options we can use to achieve the desired results.
    Read Styling Radio Buttons
  • Light or Dark: which do you prefer?
    April 2022
    Light or Dark mode, which one do you prefer? Or does it change based on device or situation? Let's delve into how to give our users the choice use CSS custom properties and a dash of JavaScript for a simple and robust solution.
    Read Light or Dark: which do you prefer?
  • Animating Drawing SVG Shapes and Paths
    March 2022
    A cool effect is to make it look like an image or shape is being drawn on the page. This article walks through how to create this illusion in SVGs using CSS stroke-dasharray, stroke-dashoffset, keyframes, and animation.
    Read Animating Drawing SVG Shapes and Paths
  • I am not allowed to use the following words: JavaScript, Typescript, Angular. They are on the forbidden words list.
    Reactive Form Custom Validators
    February 2022
    Exposing validation errors in a human-readable way guides the user when filling out and submitting forms, but when default implementations don't fit our needs, we need to come up with something that will. Let's build a custom validator for an Angular reactive form!
    Read Reactive Form Custom Validators
  • Testing Reactive Forms
    February 2022
    Although part of most applications, a well designed, user friendly, testable form is still one of those things that is really hard to achieve. Let's look at some unit tests we could write to verify input validation, error handling, and more.
    Read Testing Reactive Forms