Show more

Petit effet "Wahoo" du jour avec un effet papier/crayon en , alors que j'aurais parié que ce n'était pas possible !
heredragonsabound.blogspot.com

Un petit tutoriel sur la mot-clé `currentColor` en
js-craft.io/blog/how-to-use-th
Utiliser cette fonctionnalité peut être un vrai plus pour la maintenabilité de certains composants 👍
/via @stephaniewalter

Saviez-vous que vous pouviez définir l'attribut `start` et `reversed` sur les listes ordonnées ?
css-tricks.com/did-you-know-th
Maintenant oui !

Chromium va expérimenter d'implémenter la nouvelle propriété `aspect-ratio`
groups.google.com/a/chromium.o
Ainsi vous pourrez choisir le ratio de n'importe quel type d'élément, pas seulement les images \o/

Vous voulez participez à la spécification ?
On a besoin de vous pour trouver le nom d'une propriété pour remplacer `display: none` !
social.tzi.fr/@thomas/10387854

C'est d'ailleurs un des nombreux conseils que je donne sur les CSS orientés composants en conférence et en formation 😉

Show thread

Vous faîtes des orientés composants ? C'est sûrement le cas si vous utilisez React, Vue, Angular, mais aussi si vous utiliser un styleguide.
Le conseil du jour est : n'utilisez pas de marges sur vos composants <3
mxstbr.com/thoughts/margin

Veille CSS boosted

#CSS
"CSS-X", the W3C's reply to the "we should have a CSS4 marketing term" debate.

w3.org/blog/2020/03/css-x/

Deux nouvelles fonctions arrivent pour déclarer des couleurs. Elles sont principalement basées sur la luminosité. Ce sont `lab()` et `lch()`, des concurrentes à `rgb()` et `hsl()` donc !
drafts.csswg.org/css-color-4/#
Elles sont actuellement en développement sous Firefox, Safari, et Chrome

Veille CSS boosted

Est-ce que quelque sait si le w3c prépare un alternative à `display: none`pour supprimer un élément de la page sans utiliser la propriété `display` ?

Leonardo, un outil pour trouver des couleurs de fond à partir d'une teinte et du contraste voulu avec le texte !
leonardocolor.io

Faire ce type d'effet en , c'est possible avec 3 propriétés !
Avec l'outil pour le générer, c'est quand même plus simple 😉
neumorphism.io/#55b9f3

Savez-vous que c'est possible de faire des `srcset` directement en pour les images de fonds ?
C'est avec la propriété `image-set`.
developer.mozilla.org/en-US/do
Par contre ce n'est pas supporté par Firefox pour le moment :(

Si vous êtes joueurs, ou si vous n'aimez pas vos collègues, voici comment fonctionne la propriété raccourcie `font`
codepen.io/marcobiedermann/pen

Et pour les plus curieux, on peut même changer la couleur du soleil directement sur CodePen oO

Show thread

Parce que c'est beau !
C'est la réponse à la question de pourquoi faire le tableau d'un couché de soleil en pure :)
codepen.io/ivorjetski/pen/xxGY

Le module "Speech" vient de repasser en "Candidate Recommendation" !
w3.org/TR/2020/CR-css-speech-1
Et oui, CSS vous permet également de contrôler l’apparence sonore de votre contenu : la voie, la vitesse, le stress, etc.

Il existe même un "Box model" sonore 😮

Show more
L'instance Mastodon de tzi

The social network of the future: No ads, no corporate surveillance, ethical design, and decentralization! Own your data with Mastodon!