Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More It’s common to see Web Components directly compared to framework components. But most examples are actually specific to Custom Elements, which is one piece of the Web Components picture. It’s easy to forget Web Components are actually a set of individual […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More Many products — digital and physical — are focused on “average” users — a statistical representation of the user base, which often overlooks or dismisses anything that deviates from that average, or happens to be an edge case. But people are […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More JavaScript event listeners are very important, as they exist in almost every web application that requires interactivity. As common as they are, it is also essential for them to be managed properly. Improperly managed event listeners can lead to memory leaks […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More A few years ago, I was in a design review at a fintech company, polishing the expense management flows. It was a routine session where we reviewed the logic behind content and design decisions. While looking over the statuses for submitted […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More Flip phones aren’t dead. On the contrary, 200+ million non-smartphones are sold annually. That’s roughly equivalent to the number of iPhones sold in 2024. Even in the United States, millions of flip phones are sold each year. As network operators struggle […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More So you need to design a new AI feature for your product. How would you start? How do you design flows and interactions? And how do you ensure that that new feature doesn’t get abandoned by users after a few runs? […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More New technologies and innovative concepts frequently enter the product development lifecycle, promising to revolutionize user experiences. However, even the most ingenious ideas risk failure without a fundamental grasp of user interaction with these new experiences. Consider the plight of the Nintendo […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More This article is a sponsored by Droip Traditional WordPress page builders had their moment. Builders like Elementor, Divi, and Oxygen have been around for years. So long, in fact, that many of us just accepted their limitations as the cost of […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More In many products, setting notification channels on mute is a default, rather than an exception. The reason for that is their high frequency, which creates disruptions and eventually notification fatigue, when any popping messages get dismissed instantly. There is a good […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More Once upon a time, CSS was purely presentational. It imperatively handled the fonts, colors, backgrounds, spacing, and layouts, among other styles, for markup languages. It was a language for looks, doing what it was asked to, never thinking or making decisions. […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More This article is a sponsored by Lyssna We’ve all been there: you pour your heart and soul into conducting meticulous user research. You gather insightful data, create detailed reports, and confidently deliver your findings. Yet, months later, little has changed. Your […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More For many of us, July is the epitome of summer. The time for spending every free minute outside to enjoy the sun and those seemingly endless summer days, whether it’s in a nearby park, by a lake, or on a trip […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More A few years ago, my mum, who is in her 80s and not tech-savvy, almost got scammed. She received an email from what appeared to be her bank. It looked convincing, with a professional logo, clean formatting, and no obvious typos. […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More In the first part of decoding the SVG path pair, we mostly dealt with converting things from semantic tags (line, polyline, polygon) into the path command syntax, but the path element didn’t really offer us any new shape options. This will […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More UX research can take so much of the guesswork out of the design process! But it’s easy to forget just how different people are and how their needs and preferences can vary. We can’t predict the needs of every user, but […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More CSS is wild, really wild. And tricky. But let’s talk specifically about specificity. When writing CSS, it’s close to impossible that you haven’t faced the frustration of styles not applying as expected — that’s specificity. You applied a style, it worked, […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More If you haven’t encountered ARIA before, great! It’s a chance to learn something new and exciting. If you have heard of ARIA before, this might help you better understand it or maybe even teach you something new! These are all things […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More I recently came across an old jQuery tutorial demonstrating a “moving highlight” navigation bar and decided the concept was due for a modern upgrade. With this pattern, the border around the active navigation item animates directly from one element to another […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More In a previous article, we looked at some practical examples of how to code SVG by hand. In that guide, we covered the basics of the SVG elements rect, circle, ellipse, line, polyline, and polygon (and also g). This time around, […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More When people talk about UX, it’s usually about the things they can see and interact with, like wireframes and prototypes, smart interactions, and design tools like Figma, Miro, or Maze. Some of the outputs are even glamorized, like design systems, research […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More SVG animations take me back to the Hanna-Barbera cartoons I watched as a kid. Shows like Wacky Races, The Perils of Penelope Pitstop, and, of course, Yogi Bear. They inspired me to lovingly recreate some classic Toon Titles using CSS, SVG, […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More You’ve drawn fifty versions of the same screen — and you still hate every one of them. Begrudgingly, you pick three, show them to your product manager, and hear: “Looks cool, but the idea doesn’t work.” Sound familiar? In this article, […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More This article is a sponsored by TetraLogical Neurodivergent needs are often considered as an edge case that doesn’t fit into common user journeys or flows. Neurodiversity tends to get overlooked in the design process. Or it is tackled late in the […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More There’s an artist in everyone. Some bring their ideas to life with digital tools, others capture the perfect moment with a camera or love to grab pen and paper to create little doodles or pieces of lettering. And even if you […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More The web is beginning to part ways with third-party cookies, a technology it once heavily relied on. Introduced in 1994 by Netscape to support features like virtual shopping carts, cookies have long been a staple of web functionality. However, concerns over […]