Astuce intéressante (astuces au pluriel en fait, il y a plein de versions différentes) pour forcer un contenu à prendre toute la largeur du viewport même si il est contenu dans un container à taille limitée. Très utile pour les images par exemple.
Pour ma part si je veux faire ça j'utilise un bloc dédié mais ce n'est pas toujours possible quand on utilise un CMS par exemple, et qu'on veut insérer une image dans le texte.
Un article intéressant qui remet en question l'adoption de l'unité "em" ou "rem" partout.
Un système d'indicateur de progression du scroll très ingénieux conçu uniquement en CSS avec l'aide des l'unité vh (viewport height) et de la fonction calc.
Comment créer un mini-système de grid CSS à la main.
Un tuto HTML & CSS assez classieux.
Très pédagogique et plein de bon sens :)
Comment bien utiliser SVG en HTML / CSS.
Un effet glitch très bien foutu à appliquer sur du texte. Et c'est du pur CSS.
Encore une pelleté d'effets pour boutons en CSS.
Et quelques autres effets sympa pour le hover d'un bouton en CSS.
Différentes animations de boutons très originales.
Une courte animation qui explique comment faire un triangle en CSS.
En gros, on utilise la jointure des bordures d'un bloc qui se font en forme de triangle. En réduisant la taille de l'élément à 0px et en faisant disparaître 3 des 4 bordures, on obtient un triangle.
Encore quelques guidelines pour le CSS.
Plein de snippets CSS avec notamment des animations très bien foutues. Rien que le premier est assez bluffant.
Un framework de grille sémantique pour Sass.
Via https://blog.prototypr.io/design-for-programmers-d38c56982cd0
Un effet assez ingénieux et plutôt sympa pour intégrer un avatar à un bloc.
Une librairie de popover sans dépendances qui résout bon nombre de problématiques inhérentes à ce type de composant (placement lors du scroll, s'assurer qu'il soit toujours visible, etc.).
Via https://www.creativejuiz.fr/blog/ressources-telechargements/les-ressources-du-web-25
Un outil pas à pas qui aide à centrer du contenu en CSS. Il génère le code en fonction des différente contraintes que l'on sélectionne (comme la compatibilité IE par exemple).
Inutile pour les vrais pros du CSS mais ça peut toujours faire gagner du temps quand on a plus en tête tous les cas possibles.
Via https://blog.stephaniewalter.fr/la-semaine-en-pixels-27-mai-2016/
Des bonnes pratiques CSS qu'il est toujours bon de rappeler.
Des propriété CSS avancées assez intéressantes. Par contre pour l'instant ça ne fonctionne que sur Firefox.
D'autres ici : http://iamvdo.me/en/blog/css-element-function