Engineering

Browsers nowadays have built-in form validation features that make JavaScript-only solutions unnecessary. Let's explore what this might look like using progressive enhancement techniques.

In Part 2 of this series, we take the base HTML and CSS form validation experience and progressively enhance it by adding JavaScript and the Constraint Validation API while also addressing accessibility concerns.

I spend a lot of time in DevTools, and I’m sure you do too. Sometimes I even bounce between them, especially when I’m debugging cross-browser issues. DevTools

Use CSS Variables to customize the look and feel of your application.

How to create a shine effect with Tailwind CSS?

Bear Blog has a few design constraints for speed, efficiency, and stability. There are many great open-source, privacy-focussed analytics platforms out there...

Build an OTP input field with JavaScript DOM — Phuoc Nguyen

When a team builds a complex application, there is often a common breakdown of roles. Specifically on the back end, there are database engineers, application engineers and operations engineers, or something close to this. In recent years, more and more application logic is being deferred to the client side "Front-End Ops")](https://www.smashingmagazine.com/2013/06/11/front-end-ops/).

With Chromium 86 and now recently Firefox 85 supporting :focus-visible, it’s a good time to refer to this post by Matthias Ott: The :focus-visible pseudo-class lets you show focus styles only when they are needed, using the same heuristic that the browser uses to decide whether to show the default focus indicator. You use :focus-visible … Continue reading ":focus-visible Is Here"

Learn how to build tooltips, menus, and more with the new popover API.

This is a very specific issue myself and anyone that uses Gatsby and React router for navigating between headers in their Gatsby sites. The issue has been documented several times now and the advice I have followed is to add a resolutions to my ...