Largest Contentful Paint (or LCP) is a major web performance KPI which is still a new concept for many web developers since it became a ranking factor just recently. In this article, Eloïse Martin provides an overview of the best practices for the integration and optimization of an LCP image. https://smashingmagazine.com/2023/01/optimizing-image-element-lcp/
Who doesn’t love a good front-end tool? In this roundup, you’ll find a nice list of useful front-end tools that were popular last year but are still bound to help you speed up and enhance your development workflow. Let’s dive in! https://smashingmagazine.com/2023/01/top-frontend-tools-2022/
Captioning can be much more than text. Let’s explore some design patterns for better UX around subtitles and closed captioning. Get ready to be challenged and surprised. https://smashingmagazine.com/2023/01/closed-captions-subtitles-ux/
Recently UXPin has extended its powerful Merge technology by adding npm integration, allowing designers to sync React component libraries without requiring any developer input. This new step aims to improve collaboration between designers and developers. https://smashingmagazine.com/2023/01/sharing-components-designers-developers-collaboration-problems/
This article is Eric Burel’s attempt at making the implementation of authentication less obscure. You’ll learn about tokens, authorization, CORS, credentials, HTTP headers, and such. https://smashingmagazine.com/2023/01/authentication-websites-banking-analogy/
In this article, Sara Dholakia breaks down the most common visualization types to help guide you through selecting the best choice for your specific needs and shares her tips for creating a stellar data visualization. https://smashingmagazine.com/2023/01/guide-getting-data-visualization-right/
That’s how people behave on the web in 2023. Some observations from real usability testing on what people do and what they don’t do on the web. From disabled copy-paste to magic link sign-in. https://smashingmagazine.com/2023/01/usability-2023/
Let’s start into the new year with a little inspiration boost: wallpapers created with love by the community for the community. Happy 2023! https://smashingmagazine.com/2022/12/desktop-wallpaper-calendars-january-2023/
In this article, Ruslan Yevych will show you an easy way how to predict the appearance of a problem known as WCAG Failure Under 1.4.4 Resize Text (AA) while zooming the page. You will have a clear understanding of the possible risks of using responsive typography at the stage of development. https://smashingmagazine.com/2022/12/fluid-typography-predict-problem-users-zoom-in/
Space is one of the core elements in design that is often overlooked. Proper spatial organization helps to achieve consistency between screens, pages, or even products. It also creates visual rhythm, limits decision-making, and helps to achieve better readability and scannability. In this guide, Paul Matvienko discusses the basics of defining a spatial system. https://smashingmagazine.com/2022/12/guide-sizing-spacing-grids-layout-web-ui-ux-design/