Veille de CCM Benchmark Group

Let’s play with images and experiment with CSS masks. The idea is fairly simple: take a single `` tag and harness the power of CSS to accomplish complex hover transitions. Through different demos, you will see how CSS masks combined with gradients allow u

<www.smashingmagazine.com>

Scroll-driven animations are coming to CSS! In this post, we'll look at a few types of animations and learn how to link them to the scroll progress of a container.

<developer.mozilla.org>

<css-irl.info>

In Polypane 15 we rebuilt the browse panel so that it's now a fully featured browser with tabs, pinned tabs, search and autocomplete. We also improved performance throughout the app, added new features to the elements…

<polypane.app>

The resources I mentioned:✅ Realtime colors: https://realtimecolors.com✅ Font Pair: https://www.fontpair.co/all✅ Haikei: https://app.haikei.app✅ Omatsuri: ht...

<www.youtube.com>

Code: https://codepen.io/kevinpowell/pen/eYmNmNW#css--Come hang out with other dev's in my Discord Community💬 https://discord.gg/nTYCvrKKeep up to date with...

<www.youtube.com>

If you have an element that uses overflow: auto, this can really help out with consistency!#css--Come hang out with other dev's in my Discord Community💬 htt...

<www.youtube.com>

The transform translate -50%, along with a top and left of 50% method of centering an element with position absolute works, but there is a much easier way to...

<www.youtube.com>

We often think of shadows in CSS as something to reach for when we want to add depth to a design. But shadows can be used for more than depth. Let’s experiment with different shadows — two CSS properties and a filter — to make interesting hover effects, d

<www.smashingmagazine.com>

In this article, Carie Fisher outlines which CSS media features are available for detecting user preferences and how they are used to design and build more inclusive user experiences.

<www.smashingmagazine.com>

A method to adapt a font to your users' preferences, so they're maximally comfortable reading your content.

<web.dev>

Creating knockout / cutout or see-through effects using new CSS SVG filter masking technique.

<expensive.toys>

<x.com>

<twitter.com>

Create advanced CSS gradients

<ggradient.com>

The new Zelda game uses repeated patterns to build a cohesive world. Let's write code to generate these patterns and then print them with a robot!

<cloudfour.com>

We explore the challenges that arose and argue why sometimes, being given complex engineering challenges like this can be highly rewarding.

<www.browserlondon.com>

<codepen.io>

The new API is much smoother than the classic way of implementing scroll-driven animations.

<developer.chrome.com>

<codepen.io> :star-struck: