May 7, 2025
Dynamic Filters in Pure CSS
CSS is powerful and performant. Let’s implement client-side list filtering (with the user’s choice of AND and OR modes) in CSS, without a line of JavaScript.
Read more...
seen from Croatia
seen from Spain
seen from New Zealand
seen from Argentina
seen from Türkiye
seen from Romania
seen from United States
seen from Türkiye
seen from Malaysia
seen from United States
seen from Malaysia
seen from Croatia
seen from Australia
seen from China
seen from India
seen from Norway
seen from China
seen from China
seen from China
seen from China
Dynamic Filters in Pure CSS
CSS is powerful and performant. Let’s implement client-side list filtering (with the user’s choice of AND and OR modes) in CSS, without a line of JavaScript.
Read more...
Test your site in Lynx
Testing your website in Lynx or another text-mode browser can help you find find where you’ve become dependent upon JS and CSS. Let’s see how much of DanQ.me breaks when it’s deprived of advanced Web functionality!
Read more...
Shiftless Progressive Enhancement
Today a 7-year-old helped remind me that progressive enhancement doesn’t have to mean render-blocking DOM manipulation nor ugly layout shifts.
Read more...
I made my tracker app progressively enhanced, which means the data is readable without JavaScript. To read about how I did it, I wrote this article on the technical details.
Lightboxes Without JavaScript
An image lightbox overlay with no JavaScript whatsoever? Absolutely. Here’s how I do it.
Read more...
CSS Feature Queries
Feature queries in CSS allow you to test whether a particular feature is supported by the browser before applying styles that use that feature. This means that you can take advantage of the latest features and functionality, while still ensuring that your site looks good on older browsers and devices. This is done by testing whether a particular CSS feature is supported by the browser, and then…
View On WordPress
The advancement in technology has given rise to a variety of browsing platforms. It is imperative to ensure proper support to the website for fitting in the browsers. Due to this, progressive enhancement is getting higher popularity among web designers and developers to provide a wide range of browsers accessibility.
A garder en mémoire pour la création d’une app…