A classic problem in CSS is maintaining the aspect ratio of images across related components, such as cards. The newly supported aspect-ratio property in combination with object-fit provides a remedy to this headache of the past! Let’s learn to use these properties, in addition to creating a responsive gradient image effect for extra flair.
https://smashingmagazine.com/2021/02/responsive-image-effects-css-gradients-aspect-ratio/
Melden Sie sich an, um einen Kommentar hinzuzufügen
Andere Beiträge in dieser Gruppe
Today, roughly 10% of people are left-handed. Yet most products — digital and physical — aren’t designed with it in mind. Let’s change that. More design patterns in <a href="https://smart-
Event listeners are essential for interactivity in JavaScript, but they can quietly cause memory leaks if not removed properly. And what if your event listener needs parameters? That’s where things ge
Ensuring your product communicates clearly to a global audience is not just about localisation. Even for products that have a proper localisation process, English often remains the default language fo
Learn why flip phones still matter in 2025, and how you can build and launch web apps for these tiny devices. https://smashingmagazine.com/2025/07/tiny-screens-big-impact-developing-web-apps-feature-p
Designing a new AI feature? Where do you even begin? From first steps to design flows and interactions, here’s a simple, systematic approach to building AI experiences that stick. https://smashingmaga
The Wizard of Oz method is a proven UX research tool that simulates real interactions to uncover authentic user behavior. Victor Yocco unpacks the core principles of the WOZ method, explores advanced
Traditional page builders have shaped how we build WordPress sites for years. Let’s take a closer look at Droip, a modern, no-code visual builder, and explore how it redefines th
