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/
Next.js’ recent 12.0 release included a new beta feature: middleware. For a detailed explanation, you can read all about it in Sam’s previous article, “Next.js Wildcard Subdomains”. This article, on the other hand, dives into the overall concept of middleware and how handy it can be in building things. https://smashingmagazine.com/2022/04/next-js-middleware-feature/
Let’s welcome the new month with some new wallpapers. Designed with love by artists and designers from across the globe, they are available in versions with and without a calendar for April 2022. https://smashingmagazine.com/2022/03/desktop-wallpaper-calendars-april-2022/
In this series of articles, we highlight design patterns and techniques to design better interfaces. You can also find more examples in “Smart Interface Design Patterns”, a 6h-video course with 100s of hand-picked examples, curated by Vitaly. https://smashingmagazine.com/2022/03/designing-better-infinite-scroll/
After two years where almost everything moved online, 2022 marks the return of in-person conferences. In fact, SmashingConf is back: coming to San Francisco and Austin in June, Freiburg (Germany) in September, and New York in October. https://smashingmagazine.com/2022/03/smashingconf-workshops-conferences-2022/
Are you a designer or developer affected by the war in Ukraine? Here are some options to consider if you’re looking for a design or tech job. https://smashingmagazine.com/2022/03/jobs-designers-developers-war-ukraine/
In this article, we’ll talk about how to adapt our sites to the different scenarios of a device pointer: whether it has a pointer or not, or how accurate it is. To adapt our site to those devices’ needs we’ll talk about how to properly use media queries hover, pointer, any-hover and any-pointer.
https://smashingmagazine.com/2022/03/guide-hover-pointer-media-queries/
In the past months, there have been lots of talks dedictaed to Remix. Routing is not only one of the things that sets it apart from other frameworks, but it also fuels great performance and improves the overall experience for developers. Let’s dig in to all of the features that build up routing in this powerful framework. https://smashingmagazine.com/2022/03/remix-routes-demystified/
In this article, Louis Lazaris describes and demonstrates some interesting HTML attributes that you may or may not have heard of and perhaps find useful enough to personally use in one of your projects. https://smashingmagazine.com/2022/03/html-attributes-you-never-use/
In this shorter series of articles, we highlight design patterns, techniques, and strategies to design better digital interfaces. You can also learn much more in “Smart Interface Design Patterns”, a 6h-video course with 100s of hand-picked examples, curated by Vitaly. [Check a free preview](