Easily create linear, radial, and conic gradients – and export as CSS or an SVG image.

Iconduck lists over 100,000 free open source icons, illustrations and graphics. They can be used for personal and commercial projects.

Not sure about you, but I often wonder how to build a carousel component in such a way that you can easily dump a bunch of items into the component and get a nice working carousel — one that allows you to scroll smoothly, navigate with the dynamic buttons, and is responsive

Hover and quicklink prefetching works for the vast majority of web apps. I’d recommend starting with hover prefetching moving to quicklink approach if fast navigation is from a high-priority and you don’t have many links.

There’s a huge focus recently on JavaScript bundle size: how big are your dependencies? Could you use a smaller one? Could you lazy-load it? But I believe we focus on bundle size first and foremost because it’s easy to measure.

[…] you could imagine some basic stats around initial CPU execution time, memory usage, and disk usage that wouldn’t be impossible to measure in an automated way.

There has been a lot of uncertainty and confusion since Google announced the Page Experience Update in 2020. With just over three months before the update goes live in May, here's what we know about it.

Guide de "ce qu'il ne faut pas oublier" quand on design pour la performance : écrans de chargement, vide, erreurs, synchronisation, perte de connexion, etc.

If you’ve created a color palette for a website or app, you’ve probably encountered a few of the challenges in creating color palettes for user interfaces. One of the most common challenges is meeting accessibility criteria such as a minimum contrast ratios defined by the Web Content Accessibility Guidelines (WCAG).

A project to make it easier for designers and engineers to leverage color science to create custom interpolations for a value scale, and to make it easier for designers and engineers to conform to WCAG minimum contrast standards by using contrast ratio as the starting point, rather than a post-color-selection auditing process.

We're headed into a dangerous time, when our society is run on digital platforms, and UX isn't leading the way to ensure that those tools are usable. While the best-trained (and highest-paid) UX professionals are put to work optimizing the exploitation and deception of online users, New Yorkers continue to die from Covid, because there's no easy way to schedule a vaccine visit.

Les numéros alloués aux œuvres audiovisuelles sont ceux ayant les racines suivantes :

Racines (format national) 0ZABPQ = 01 99 00, 02 61 91, 03 53 01, 04 65 71, 05 36 49, 06 39 98

Therefore I use either of the following two approaches if I need a special value:

• I use null as a “switched off” value. (As an aside, this approach is relatively well supported by TypeScript.)
• I avoid both undefined and null via one of the techniques described above. This has the upside of being cleaner and the downside of involving more work.

A website search is often the first dynamic part you'll be adding to your new Jamstack project. Let’s see which solutions are available in the Jamstack world.

An impressive article to explain how not to cause Layout Shifts and penalize your CLS.

In this article, we’ll take a close look at some of the changes we made on this very site — running on JAMStack with React — to optimize the web performance and improve the Core Web Vitals metrics. With some of the mistakes we’ve made, and some of the unexpected changes that helped boost all the metrics across the board.

About the weight of CLS in Lighthouse