Veille de CCM Benchmark Group

A (more) Modern CSS Reset - Andy Bell

I wrote A Modern CSS Reset almost 4 years ago and, yeh, it’s not aged overly well. I spotted it being linked up again a few days ago and thought it’s probably a good idea to publish an updated version. I know I also have a terrible record with

<andy-bell.co.uk>
By xavierccm - - Intégration
By florent - - Intégration
Revealing Images With CSS Mask Animations — Smashing Magazine

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>
By florent - - Intégration
Scroll progress animations in CSS | MDN Blog

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>
By florent - - Intégration
Polypane 15: Fully featured browser in the browse panel, performance improvements, Chromium 116 and more | Polypane, The browser for ambitious web developers

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>
By florent - - Intégration
5 useful resources for front-end devs

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>
By florent - - Intégration
Do you make this mistake with border-radius? #css

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>
By florent - - Intégration
The scrollbar control you didn’t know you needed #css

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>
By florent - - Intégration
An easier way to center with position absolute

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>
By florent - - Intégration
A Few Interesting Ways To Use CSS Shadows For More Than Depth — Smashing Magazine

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>
By florent - - Intégration
CSS And Accessibility: Inclusion Through User Choice — Smashing Magazine

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>
By florent - - Intégration
Adapting typography to user preferences with CSS

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

<web.dev>
By florent - - Intégration
Using HTML elements as CSS masks

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

<expensive.toys>
By florent - - Intégration
By xavierccm - - Intégration
By xavierccm - - Intégration
GradientGenerator

Create advanced CSS gradients

<ggradient.com>
By florent - - Intégration
Coding Randomized Zelda Patterns

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>
By florent - - Intégration
SVG Gradients: Solving Curved Challenges - Browser London

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

<www.browserlondon.com>
By florent - - Intégration
By florent - - Intégration