Around The Artifacts Of Design Systems (Case Study)

Like many things, a design system isn’t ever a finished thing — it’s a journey. How we go about that journey can affect the things we produce along the way. Before diving in and starting to plan anything out, be clear about where the benefits and the risks might lie. https://smashingmagazine.com/2022/04/artifacts-design-systems/

How To Boost Resource Loading With The New Priority Hint `fetchpriority`

This new attribute will enable us to fine-tune relative resource priority, improve LCP performance, deprioritize JavaScript fetch calls, and much more. Let’s check out fetchpriority and explore some potential use cases. https://smashingmagazine.com/2022/04/boost-resource-loading-new-priority-hint-fetchpriority/

Dynamic Data-Fetching in an Authenticated Next.js App

Data is among the most important things that make up a web application or a conventional native app. We need data to be able to see and perhaps understand the purpose of an application. In this article, we’ll look at another approach to obtaining data in an application that requires authentication or authorization using Next.js. https://smashingmagazine.com/2022/04/dynamic-data-fetching-authenticated-nextjs-app/

Designing Better Breadcrumbs

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/04/designing-better-breadcrumbs/

Devs For Ukraine, A Free Online Charity Conference 🇺🇦

Devs For Ukraine is a free online charity conference organized by the lovely people at Remote. Two days filled with talks from engineering leaders around the globe, in support of Ukraine. April 25–26. https://smashingmagazine.com/2022/04/devs-for-ukraine/

How To Get Work Done: Wrangling Stakeholders And Overcoming Obstacles

Whether you work in-house or for an external agency, we all share one challenge — dealing with stakeholders, be they your boss, colleagues, or clients. In this post, veteran web designer Paul Boag shares his approach to getting things done in even the most challenging organizations. https://smashingmagazine.com/2022/04/stakeholders-overcoming-obstacles/

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/

The What, When, Why And How Of Next.js’ New Middleware Feature

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/

A Time For Reflection (April 2022 Desktop Wallpapers Edition)

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/

Designing A Better Infinite Scroll

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/


Search