Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More In this tutorial, Blake Lundquist walks us through two methods of creating the “moving-highlight” navigation pattern using only plain JavaScript and CSS. The first technique uses thegetBoundingClientRectmethod to explicitly animate the border between navigation bar items when they are clicked. The […]
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 Designers love to craft, but polishing pixels before the problem is solved is a time-sink. This article pinpoints the five traps that lure us into premature detail — being afraid to show rough work, fixing symptoms instead of causes, solving the […]
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 […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More In many companies, data, findings, and insights are all used interchangeably. Slack conversations circle around convincing data points, statistically significant findings, reliable insights, and emerging trends. Unsurprisingly, conversations often mistake sporadic observations for consistent patterns. But how impactful is the weight […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More I think we, as engineers and designers, have a lot to gain by stepping outside of our worlds. That’s why in previous pieces I’ve been drawn towards architecture, newspapers, and the occasional polymath. Today, we stumble blindly into the world of […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More The SMIL specification was introduced by the W3C in 1998 for synchronizing multimedia. This was long before CSS animations or JavaScript-based animation libraries were available. It was built into SVG 1.1, which is why we can still use it there today. […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More So we want to set up a new design system for your product. How do we get it up and running from scratch? Do we start with key stakeholders, UI audits, or naming conventions? And what are some of the critical […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More In my experience, most UX teams find themselves primarily implementing other people’s ideas rather than leading the conversation about user experience. This happens because stakeholders and decision-makers often lack a deep understanding of UX’s capabilities and potential. Without a clear UX […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More Remember that last team brainstorming session where you were supposed to generate a long list of brilliant ideas? How many of those ideas actually stuck? Did leadership act on any of those ideas? In this article, Eric Olive challenges the value […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More Despite keyframes and scroll-driven events, CSS animations have remained relatively rudimentary. As I wrote in Part 1, they remind me of the 1960s Hanna-Barbera animated series I grew up watching on TV. Shows like Dastardly and Muttley in Their Flying Machines, […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More Mark and I work as product designers for SAS, a leader in analytics and artificial intelligence recognized globally for turning data into valuable insights. Our primary role is to support the token packages and component libraries for the SAS Filament Design […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More This article is a sponsored by Penpot It’s already the fifth time I’m writing to you about Penpot — and what a journey it continues to be! During this time, Penpot’s presence in the design tools scene has grown strong. In […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More Browser makers didn’t take long to add the movement capabilities to CSS. The simple :hover pseudo-class came first, and a bit later, the transitions between two states. Then came the ability to change states across a set of @keyframes and, most […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More You’ve got a Pinterest-style layout to build, but you’re tired of JavaScript. Could CSS finally have the answer? Well, for a beginner, taking a look at the pins on your Pinterest page, you might be convinced that the CSS grid layout […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More Think about your past projects. Did they finish on time and on budget? Did they end up getting delivered without cutting corners? Did they get disrupted along the way with a changed scope, conflicted interests, unexpected delays, and surprising blockers? Chances […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More Since their introduction in 1999, the Web Content Accessibility Guidelines (WCAG) have shaped how we design and develop inclusive digital products. The WCAG 2.x series, released in 2008, introduced clear technical criteria judged in a binary way: either a success criterion […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More Sometimes, it doesn’t take a lot to get inspired. A short bike ride to soak in the sun, a coffee break with a friend, or listening to your favorite song might be just what you need to spark some fresh ideas […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More This article is a sponsored by Anima App For years, designers and developers have been stuck in a frustrating loop. Designers create stunning UIs in Figma, only for developers to spend hours — or days — coding them from scratch. Along […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More Are you also getting lost in all the files, deliverables, shared docs, PDFs, and reports related to your UX work? What about decisions scattered everywhere between email, Slack conversations, Dropbox folders, SharePoint, Notion, and Figma? It’s too easy to lose important […]
Source: Articles on Smashing Magazine — For Web Designers And Developers | Read More When building digital products, thinking in terms of single features and urgent client needs can lead to a large portfolio of products with high maintenance costs. At first, this approach makes sense, as you’re offering new value to customers and keeping […]