The CSS relational selector :has() allows selecting elements in combinations that were previously impossible without the assistance of JavaScript. We’ll review how to combine :has() with core CSS selectors to extend their capabilities for unique arrangements of elements.
https://smashingmagazine.com/2023/01/level-up-css-skills-has-selector/
In this article, Daniel Yuschick demonstrates that building selfish components is the key approach to avoiding different pitfalls on the way to good component design. https://smashingmagazine.com/2023/01/key-good-component-design-selfishness/
In this article, Pratik Joglekar explores the typical traits of introverts and uses them to make parallels and categorize digital experiences that can stand out without being loud. https://smashingmagazine.com/2023/01/introverted-design-building-better-ux-experiences/
In this article, Pratik Joglekar explores the typical traits of introverts and uses them to make parallels and categorize digital experiences that can stand out without being loud. https://smashingmagazine.com/2023/01/guide-designing-for-introverts/
Get better at your craft and support the people in Ukraine — that’s the idea behind our Figma Auto Layout Masterclass with Christine Vallaure. We are donating all proceeds from the online workshop to humanitarian aid in Ukraine. Monday, March 27, 09:00AM – 12:00PM PT / 18:00 – 21:00 CET. <a href="https://smashingconf.com/online-workshops/registration#figm
Writing code documentation can be overwhelming when there’s no smooth process in place. Streamlining best practices and setting automation in your favor works a long way toward getting permanently up-to-date content that reflects the important pieces of your codebase. https://smashingmagazine.com/2023/01/swimm-code-documentation-streamlined/
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/