Veille de CCM Benchmark Group

Layout Breakouts with CSS Grid

Extending elements beyond the content area with CSS Grid and named grid lines.

<ryanmulligan.dev>
By eclergeot - - Intégration
By florent - - Intégration
When position sticky doesn't stick

Sometimes position sticky doesn't stick, so let's see why it doesn't and how we can fix it!

<www.youtube.com>
By florent - - Intégration
True parallax with CSS-only is now possible

https://kevinpowell.co/courses?utm_campaign=general&utm_source=youtube&utm_medium=cssparallax 👈 Interested in levelling up your CSS game? I’ve got courses!P...

<www.youtube.com>
By florent - - Intégration
By florent - - Intégration
How To Animate Along A Path In CSS — Smashing Magazine

CSS loaders and progress indicators are some of the most widely used examples in tutorials and documentation. In this article, Preethi demonstrates an approach using animated custom properties, a conic gradient, CSS `offset`, and emoji to create the illus

<www.smashingmagazine.com>
By florent - - Intégration
By florent - - Intégration
CSS relative color syntax - Chrome for Developers

Create new colors based on another color's channels and values.

<developer.chrome.com>
By eclergeot - - Intégration
"@scope" | Can I use... Support tables for HTML5, CSS3, etc

ça serait tellement pratique si on pouvait l'utiliser, mais... <caniuse.com>
By eclergeot - - Intégration
Simplify your code with this underused pseudo-class

#css--Come hang out with other dev's in my Discord Community💬 https://discord.gg/nTYCvrKKeep up to date with everything I'm up to✉ https://www.kevinpowell.c...

<www.youtube.com> :star-struck:
By florent - - Intégration
When to Nest CSS

CSS nesting is great, but should be used with caution. As a rule, if a selector will work without being nested, don't nest it. However, there are certain situations where nesting can make things easier to understand.

<cloudfour.com>
By florent - - Intégration
Limit the reach of your selectors with the CSS `@scope` at-rule - Chrome for Developers

Learn how to use @scope to select elements only within a limited subtree of your DOM.

<developer.chrome.com>
By florent - - Intégration
The Future of CSS: Easy Light-Dark Mode Color Switching with light-dark()

A function that computes to the first color if the used color scheme is light or unknown, or to the second color if the used color scheme is dark.

<www.bram.us>
By florent - - Intégration
How Custom Property Values are Computed | Modern CSS Solutions

Review behaviors to be aware of regarding how the browser computes final custom property values. A misunderstanding of this process may lead to an unexpected or missing value and difficulty troubleshooting and resolving the issue.

a lire en // : <moderncss.dev>
By eclergeot - - Intégration
Type safe CSS design systems with @property · September 1, 2023

Website for Adam Argyle: Teacher, Speaker, CSSWG member, and creator of Open Props and VisBug.

<nerdy.dev>
By eclergeot - - Intégration
The border-radius feature most people don’t know about

Did you know that each corner of a border-radius can have two different values, one of the X axis and one for the Y axis? #css --Come hang out with other dev...

<www.youtube.com>
By florent - - Intégration
The Path To Awesome CSS Easing With The linear() Function — Smashing Magazine

With the new CSS `linear()` easing function on the horizon, the possibilities of what we can do to create natural-feeling animations and transitions in the future are greatly expanded. Jhey Tompkins looks at the current state of CSS easing in this article

<www.smashingmagazine.com>
By florent - - Intégration
A (more) Modern CSS Reset - Andy Bell

I wrote A Modern CSS Reset almost 4 years ago and, yeh, it&#8217;s not aged overly well. I spotted it being linked up again a few days ago and thought it&#8217;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