Visiblement il s'agit plus de Selectors Module Level 4 que de CSS4 à proprement parler mais ça donne quand même une bonne vision de ce qu'il serait possible de faire en CSS dans les années à venir.
Une saine lecture. C'est du classique mais il est toujours bon de rappeler les possibilités offertes par CSS. Bon par contre, n'abusez pas de sélecteurs ultra compliqués. Même s'il est possible de faire des choses assez complexes, ça ne veut pas dire que c'est judicieux. En ce qui me concerne, les sélecteurs avancés me sont surtout utiles quand je dois customiser du code HTML sur lequel je n'ai pas la main.
Juste une petite rectification sur l'article :after et :before sont des pseudo-éléments et pas des pseudo-classes.
Par contre quand je vois ce type d'articles je m'interroge toujours sur les performances de chaque sélecteur. Je me doute qu'à moins d'y aller comme un bourrin, les différences en perf sont négligeables mais si quelqu'un a un comparatif ça m'intéresse.
Bon forcément le nom du site fait sourire mais y a quand même des trucs pas mal :)
Une idée intéressante pour styliser un bloc de manière légère et discrète.
Quelques réalisations en pur CSS, sans JS.
Excellent cet outil ! Il vous aide à choisir des ensembles de couleurs qui vont bien ensemble selon différents procédés (couleurs complémentaires, analogues, etc.).
Utiliser des multiples de 8pt pour dimensionner une UI, pour améliorer le rendu lors d'un "scaling" du navigateur et éviter les demi-pixels par exemple.
BEM a l'air d'être une méthodologie intéressante pour la maintenabilité du code CSS dans les gros projets. Surtout couplée à SASS.
Via https://blog.stephaniewalter.fr/la-semaine-en-pixels-16-decembre-2016/
Des effets hover originaux (un peu lourds pour certains).
Comment enjoliver un peu les images en les encadrant avec leur couleur dominante.
Via https://www.creativejuiz.fr/blog/ressources-telechargements/les-ressources-du-web-28
L'état des outils front-end en 2016.
Quelques stats intéressantes
Des effets "hover" assez originaux.
Via https://blog.stephaniewalter.fr/semaine-pixels-25-novembre-2016/
Une bonne pratique : pour éviter le téléchargement inutiles de polices, essayer de trouver les polices natives qui ressemblent le plus à ce que vous cherchez.