Testing HTML Light DOM Web Components: Easier Than Expected!
Testing HTML Light DOM web components wasn't so scary after all. Some testing notes and patterns from a recent project.
JavaScript
Simple One-Time Passcode Inputs
Fully functional OTP entry may be easier than you think.
The Difference Between HTML Attributes and Properties
Attributes and properties allow you to control how HTML elements function and read data about their state. Although the terms are often used interchangeably, subtle differences between the two can lead to unexpected behavior and bugs.
Generating Random Mazes with JavaScript
I didn't get a chance to hit the pumpkin patch this year, so I missed out on seeing any corn mazes. To make up for it, I decided to make some mazes of my own! Being a programmer, I over-engineered it and built a random maze generator!
Video: GIFs Are Forever, Let’s Make Them Better!
Everyone loves animated GIFs, right? Not if you have finite bandwidth, a shaky network connection or motion sensitivity! But fear not… modern browsers make it easier than ever to level up our GIF game!
The Many, Confusing File System APIs
There are many APIs that interact with the file system, and figuring out what they all do can be deeply frustrating. Don’t give up! I’m here to help.
How to Create a Website and a PDF from the Same Codebase
Let's build a website and generate a PDF from the contents using basic CSS and a PDF generation API.
The selected date must be within the last 10 years
Present me helps past me by sharing lessons learned when validating an input that requires a date value within a specified range.
Hide/Show Passwords: Ten Years Later
A look back at one of my first (and most popular) open source projects.
Progressively Enhanced Form Validation, Part 4: Custom validation messages
Part 4 explores the ValidityState API, a powerful, approachable, and well-supported API we can use to define custom validation messages.