Des CSS loaders intéressants. Ils sont en pur CSS et n'utilisent qu'un div.
Via https://blog.stephaniewalter.fr/semaine-pixels-18-novembre-2016/
Quelques cas d'utilisation des variables CSS.
Un guide visuel pour la plupart des propriétés CSS. A avoir sous la main si vous avez un doute :)
Quelques astuces pour une feuille de style d'impression de qualitayyy.
Un système de grid CSS ultra-simple qui utilise la puissance de flexbox. Et aussi un logo avec des zizis.
Des snippets CSS :)
Un article très intéressant à propos de la gestion de l'espace lors du design d'une page web. On y pense malheureusement souvent assez peu mais ça peut avoir un impact capital sur la lisibilité et sur le ressenti de l'utilisateur.
D'autres bonnes pratiques pour les formulaires d'inscription.
Via https://blog.stephaniewalter.fr/la-semaine-en-pixels-7-octobre-2016/
Comment utiliser les dégradés CSS modernes.
Une autre lib JS pour gérer les animations CSS en JS.
Quelques loaders animés en CSS.
Changer la façon dont le texte se positionne autour d'un float.
Un site qui permet de vérifier quelles polices d'écriture sont dispo sur chaque système et quelle police sera utilisée si celle que vous spécifiez n'est pas incluse.
Un exemple de ce qu'on peut faire grace à la propriété CSS background-attachment.
Une lib Javascript pour animer les gradients CSS.
Un petit topo sur les performances et l'optimisation des animations CSS. En outre, on y montre comment visualiser tout ça avec les outils de développement.
Une librairie Javascript pour faire des animations au scroll.
Comme dit dans la source, attention à ne pas en abuser, et surtout attention à mettre un timer suffisamment court. Il n'y a rien de plus chiant que les sites sur lesquels il faut attendre 2 secondes à chaque scroll pour que le contenu apparaisse.
Via https://blog.stephaniewalter.fr/semaine-pixels-19-aout-2016/
tl;dr
Un tuto qui a l'air très complet sur le HTML et le CSS. Il y a une version débutant et une version avancée.