Archive for the ‘Article’ Category

Form Validation Part 3: A Validity State API Polyfill

Posted on: No Comments
In the last article in this series, we built a lightweight script (6kb, 2.7kb minified) using the Validity State API to enhance the native form validation experience. It works in all modern browsers and provides support IE support back to IE10. But, th...

Form Validation Part 1: Constraint Validation in HTML

Posted on: No Comments
Most JavaScript form validation libraries are large, and often require other libraries like jQuery. For example, MailChimp's embeddable form includes a 140kb validation file (minified). It includes the entire jQuery library, a third-party form validati...

Stickybits: an alternative to `position: sticky` polyfills

Posted on: No Comments
Stickybits is a small JavaScript utility plugin. It's goal is not to get in the way. It does one thing well: help with sticky elements. It is not dependent on other JavaScript Plugins, can be imported via npm, and approaches sticky elements in a very u...

A Pretty Good SVG Icon System

Posted on: No Comments
I've long advocated SVG icon systems. Still do. To name a few benefits: vector-based icons look great in a high pixel density world, SVG offers lots of design control, and they are predictable and performant. I've also often advocated for a SVG icon sy...

Server-Side React Rendering

React is best known as a client-side JavaScript framework, but did you know you can (and perhaps should!) render React sever-side? Suppose you've built a zippy new event listing React app for a client. The app is hooked up to an API built with your fav...

Naming Things is Only Getting Harder

Posted on: No Comments
I was working with CSS Grid and came to the grid-column and grid-row properties. I paused for a moment. They're not overly complicated. They are shorthand properties for expressing where an element should start and end on a grids defined columns and ro...

What Does a Well-Documented CSS Codebase Look Like?

Posted on: No Comments
In the front-end community, there is a lot of attention related to documenting JavaScript. That's not so much the case with CSS. Often times I feel like lost when I join a project with minimal or no CSS documentation. Even though CSS is relatively easy...