Veille de CCM Benchmark Group

A JavaScript-Free Frontend

How I used almost no JavaScript to build a modern web app.

<dev.to>
By davidb - - Intégration
By davidb - - Intégration
How to Create Interactive Hotspots in Email

Learn how to code interactive hotspots in email. Use CSS animation to add hotspots to your email design for webkit email clients.

Je pensais pas qu'on pouvait faire ça dans un mail ... ça pourrait donner des idées pour ccmperf ? <@U030T0J9G> <www.emailonacid.com>
By dam75 - - Intégration
CSS s'enrichit du support des fonctions trigonométriques jusqu'ici accessibles via JavaScript après l'approbation du World Wide Web Consortium

Le langage CSS utile pour la mise en forme et l'organisation de la façon dont les éléments de page apparaissent sur un site Web s'enrichit du support des fonctions de trigonométrie telles que sinus, cosinus, tangente, et autres ; c’est le résultat d’une d

<www.developpez.com>
By davidb - - Intégration
Meshi the CSS Dog

A CSS-only animated dog based on a [Dribbble by Gal Shir](https://dribbble.com/shots/3011370-This-is-my-dog-Meshi). Works in all modern browsers....

la baballe <codepen.io>
By chugues - - Intégration
Awais.dev on Twitter

“???? The CSS Working Group has added new math functions in CSS. We've got: • clamp() • hypot() • max() • calc() • min() • sin() • tan() • cos() • sqrt() • asin() • pow() • atan() • acos() • atan2() ???? CSS is evolving like JS. Your thougts/shares/ret

<twitter.com> ha.. va falloir réviser les maths :P
By vor - - Intégration
Do CSS Custom Properties Beat Sass Loops? | CSS-Tricks

I reckon that a lot of our uses of Sass maps can be replaced with CSS Custom properties – but hear me out for a sec. When designing components we often

<css-tricks.com>
By davidb - - Intégration
JavaScript Loading Priorities in Chrome – Dev Channel – Medium

How browsers schedule and execute scripts can impact the performance of web pages. While techniques like <script defer>, <link…

<medium.com>
By davidb - - Intégration
The Dark Side of the Grid (Part 1)

CSS Grid Layout is one of the most exciting new CSS specifications but it also creates new dangers regarding accessibility and UX.

<www.matuzo.at>
By davidb - - Intégration
Look Ma, No Media Queries! Responsive Layouts Using CSS Grid | CSS-Tricks

Not only has CSS Grid reshaped the way we think and build layouts for the web, but it has also contributed to writing more resilient code, replacing

<css-tricks.com>
By davidb - - Intégration
By davidb - - Intégration
Breaking Boxes With CSS Fragmentation — Smashing Magazine

What is fragmentation, why might you want to use it, and what is the current state of browser support? Rachel Andrew has the answers.

<www.smashingmagazine.com>
By davidb - - Intégration
Responsive Designs and CSS Custom Properties: Building a Flexible Grid System | CSS-Tricks

Last time, we looked at a few possible approaches for declaring and using CSS custom properties in responsive designs. In this article, we’ll take a

<css-tricks.com>
By davidb - - Intégration
Find, customize & generate common SVG icons for your project

Simple tool to find, customize and generate common SVG icons for your project

<iconsvg.xyz>
By davidb - - Intégration
Why I Write CSS in JavaScript

For three years, I have styled my web apps without any `.css` files. Instead, I have written all the CSS in JavaScript. Let me explain.

<mxstbr.com>
By davidb - - Intégration
Using CSS Grid the right way

CSS Grid is fun to use but hard to learn. Here are three tips to help you understand and leverage the Grid spec.

<vgpena.github.io>
By davidb - - Intégration
Grid Reveal Effects with Anime.js | Codrops

Some experiments with the new staggering system of Anime.js where we try different effects for hiding and showing thumbnails in an image grid.

<tympanus.net>
By davidb - - Intégration
To Grid or to Flex?

A recent Twitter thread started by Chris Coyier got me thinking about how people in general interpret the use cases for CSS Grid Layout…

<css-irl.info>
By davidb - - Intégration