Create a confetti animation with HTML canvas and JavaScript

Have you ever clicked a button and seen a confetti animation explode onto the screen? Or visited a website where the whole screen is covered in that same confetti animation? Let’s make our own. In this tutorial, we’re going to make some dynamic confetti effects with JavaScript and the HTML Canvas API. https://webdesignernews.com/create-a-confetti-animation-with-html-canvas-and-javascript/

How teams tap into the power of design with Figma Slides

Today, we’re announcing new features in Figma Slides that unlock high-fidelity design and cross-functional collaboration. https://webdesignernews.com/how-teams-tap-into-the-power-of-design-with-figma-slides/

Make Ubuntu packages 90% faster by rebuilding them

You can take the same source code package that Ubuntu uses to build jq, compile it again, and realize 90% better performance. https://webdesignernews.com/make-ubuntu-packages-90-faster-by-rebuilding-them/

How To Build Confidence In Your UX Work

When I start any UX project, typically, there is very little confidence in the successful outcome of my UX initiatives. In fact, there is quite a lot of reluctance and hesitation, especially from teams that have been burnt by empty promises and poor delivery in the past. https://webdesignernews.com/how-to-build-confidence-in-your-ux-work-2/

How to increase feature adoption the right way

This case study shows you Google’s feature adoption strategy. Learn how to maximize new product releases with these 5 key principles. https://webdesignernews.com/how-to-increase-feature-adoption-the-right-way/

The Battle Between Shipping and Perfection: A Designer’s Dilemma

Designers, let’s talk about an uncomfortable truth. For many of us, the joy of our craft lies in creating work that is not just functional but exceptional. We love unearthing hidden user insights through research, challenging assumptions, and asking the kinds of questions that lead to elegant, transformative solutions. To us, this feels like the very essence of design: solving the problem in the best way possible. But here’s the... https://webdesignernews.com/the-battle-between-shipping-and-perf

Design Systems Report 2025

Welcome to the Design Systems Report (formerly known as How We Document), our annual report that dives into the state of design systems. We’re into the fourth year of our report, and once again we’ve gathered the data on your teams, how you structure your design systems, the challenges you face and what makes a well adopted, highly trusted design system. Just under 300 of you participated in the survey,... https://webdesignernews.com/design-systems-report-2025/

How eBay built a bridge between brand and product with Figma

When eBay set out to document their design system, they didn’t just want a reference guide—they wanted to create an experience where teams could find inspiration and excitement in their work. https://webdesignernews.com/how-ebay-built-a-bridge-between-brand-and-product-with-figma/

Exploring Anime.js: A Powerful JavaScript Animation Library

In modern web development, animations are essential for creating engaging and interactive user experiences. They help convey meaning, provide feedback, and improve aesthetics. https://webdesignernews.com/exploring-anime-js-a-powerful-javascript-animation-library/

Symbl – Your Ultimate Symbol Library

Explore and copy a wide range of HTML symbols to enhance your designs, improve readability, and add unique characters to your projects https://webdesignernews.com/symbl-your-ultimate-symbol-library-2/


Suche