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
Quelques astuces pour faire des tables responsives. C'est surtout intéressant parce que ça met en lumière le fait qu'on ne peut pas nécessairement appliquer une bête règle à toutes les tables. Ça requiert souvent un peu de réflexion. C'est pourquoi l'article suggère plusieurs méthodes.
Un effet polaroid assez sympa à base de CSS.