Veille de CCM Benchmark Group

“Fit For Purpose: Making Sense of the New CSS” by Eric Meyer

If 2017 was the year of new CSS capabilities, 2018 was the year of trying to figure out what to do with them all. What’s ready for production, and what’s useful in the shop? In this hour-long talk, Eric Meyer turns his experienced eye for CSS on the new t

<aneventapart.com>
By davidb - - Intégration
All you need to know about hyphenation in CSS

Automatic hyphenation on the web has been possible since 2011 and is now broadly supported. There is however far more control available to designers than just turning on hyphens.

<clagnut.com>
By davidb - - Intégration
leeoniya/dropcss

A simple, thorough and fast unused-CSS cleaner. Contribute to leeoniya/dropcss development by creating an account on GitHub.

<github.com>
By davidb - - Intégration
By davidb - - Intégration
Sophisticated Partitioning with CSS Grid | Rob Weychert

Create compelling grid patterns by harnessing specificity.

<v6.robweychert.com>
By davidb - - Intégration
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