How To Build A Progressively Enhanced, Accessible, Filterable And Paginated List

Ever wondered how to build a paginated list that works with and without JavaScript? In this article, Manuel explains how you can leverage the power of Progressive Enhancement and do just that with Eleventy and Alpine.js. https://smashingmagazine.com/2022/04/accessible-filterable-paginated-list-11ty-alpinejs/

Created 3y | Apr 4, 2022, 12:20:16 PM


Login to add comment

Other posts in this group

Smashing Animations Part 1: How Classic Cartoons Inspire Modern CSS

Have you ever thought about how the limitations of early cartoon animations might relate to web design today? From looping backgrounds to minimal frame changes, these retro animation techniques have s

May 7, 2025, 3:40:02 PM | Smashing magazine
Masonry In CSS: Should Grid Evolve Or Stand Aside For A New Module?

There were duelling proposals floating around for adding support for masonry-style layouts in CSS. In one corner is a proposal that extends the existing CSS Grid specification. In the other corner is

May 6, 2025, 2:10:12 PM | Smashing magazine
How To Launch Big Complex Projects

When was the last time your project wrapped up smoothly — no delays, no surprises, no last-minute compromises? In reality, most UX projects drift as timelines slip, budgets stretch, and features morph

May 5, 2025, 12:40:06 PM | Smashing magazine
WCAG 3.0’s Proposed Scoring Model: A Shift In Accessibility Evaluation

WCAG is evolving. Since 1999, the Web Content Accessibility Guidelines have defined accessibility in binary terms: either a success criterion is met or not. But real user experience is rarely that sim

May 2, 2025, 12:40:13 PM | Smashing magazine
Make Every Day Count (May 2025 Wallpapers Edition)

The new month is just around the corner, and that means: It’s time for some new desktop wallpapers! All of them are designed with love by the community for the community and can be downloaded for free

Apr 30, 2025, 12:10:06 PM | Smashing magazine
How To Turn Your Figma Designs Into Live Apps With Anima Playground

As designers, it’s important to be able to transform visual ideas into concepts within minutes and into fully functional products within hours. Well, today we’re bringing you closer to AnimaApp, an ap

Apr 29, 2025, 12:50:07 PM | Smashing magazine
UX And Design Files Organization Template

Lost in a sea of UX files, docs, PDFs, and scattered decisions across Slack, Dropbox, Notion, and Figma? We talk a lot about organizing Figma, but what about a sensible folder structure for all UX ass

Apr 28, 2025, 6:20:09 PM | Smashing magazine