April 11, 2022 — Loading experience is crucial to the user’s first impression and overall usability, so Google defined Largest Contentful Paint (LCP) metric to measure how quickly the main content loads and is displayed to the user. 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. Read more…

April 8, 2022 — 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. Read more…

April 6, 2022 — Breadcrumbs UX are often neglected, but they can be extremely helpful when designing a complex navigation. We can improve them with sideways navigation, clearer breadcrumbs paths and accordions on mobile. Read more…

April 6, 2022 — 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. The conference will take place April 25–26, 2022, with the goal to raise funds and provide support to Ukraine. The funds raised during the two days of the event will be evenly divided between eight non-governmental organizations. Read more…

April 5, 2022 — 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. He will also change some of our prejudices along the way. Because let’s be clear; we need other people for our websites to succeed. Read more…

April 4, 2022 — 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. Read more…

April 1, 2022 — 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. Read more…

March 31, 2022 — 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. Maybe you’ll rediscover one of your almost-forgotten favorites in there, too? Enjoy! Read more…

March 30, 2022 — You need to help customers explore relevant entries, and to do so, you need to support and speed up browsing through entries. Infinite scroll can be designed well. Best practices and guidelines to improve the UX of infinite scroll with bookmarks, footer reveal and pagination. Read more…

March 29, 2022 — We love seeing what we all can do to make the web more accessible and usable. We also love organizing and attending online events, with our SmashingConf Live last year, and of course, our online workshops are here to stay! After two years when 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. Read more…