Month: August 2021

A foundational overview of how to build a responsive and accessible switch component. Aug 11, 2021 In this post I want to share thinking on a way to build switch components. Try the demo. Demo If you prefer video, here’s a YouTube version of this post: Overview # A switch functions similar to a checkbox Read More

In this quick article, we’ll discuss how to troubleshoot and fix the Error establishing a database connection error on a WordPress site. The Error establishing a database connection error is one of the most common errors which WordPress users can encounter while visiting your website. It’s pretty similar to the white screen of death (WSOD) error, Read More

Bring your brand color to built-in HTML form inputs with one line of code. Aug 11, 2021 Today’s HTML form elements are difficult to customize. It feels as if it’s a choice between few or no custom styles, or resetting input styles and build it up from scratch. Building it up from scratch ends up Read More

Create well-controlled scroll experiences by declaring scroll snapping positions. Jul 24, 2018• Updated Aug 13, 2021 The CSS Scroll Snap feature allows web developers to create well-controlled scroll experiences by declaring scroll snapping positions. Paginated articles and image carousels are two commonly used examples of this. CSS Scroll Snap provides an easy-to-use and consistent API Read More

Get the 2021 Scroll Survey Report plus words from the Chrome team about how this impacts priorities and plans for Chromium and the web. Aug 2, 2021 In April, the Chrome team released a scroll and touch-action survey based on top reported issues from the 2019 MDN Web DNA Report. The 2021 Scroll Survey Report Read More

The Sec-CH-Prefers-Color-Scheme client hint header allows sites to obtain the user’s color scheme preferences optionally at request time, allowing servers to inline the right CSS and therefore avoid a flash of incorrect color theme. Aug 2, 2021• Updated Aug 3, 2021 CSS media queries, and specifically user preference media features like prefers-color-scheme or prefers-reduced-motion, have Read More

A foundational overview of how to build a responsive and accessible breadcrumbs component for users to navigate your site. Jul 14, 2021• Updated Jul 15, 2021 In this post I want to share thinking on a way to build breadcrumb components. Try the demo. Demo If you prefer video, here’s a YouTube version of this Read More

en_USEnglish