Une grande checklist pour Linux Mint 18.
Sous le coude, ça peut toujours servir.
32/38
Je pensais faire mieux mais autant certaines sont évidentes autant d'autres sont trompeuses :)
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 initiation aux Progressive Web Apps.
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.
Un article intéressant sur les polices d'écriture.
Une librairie qui permet de construire des animations CSS purement en JS. C'est assez intéressant dans le sens où ça combine la flexibilité des animations jQuery de la vieille époque avec l'optimisation et la rapidité des animations CSS modernes.
Et comme la fonction attend un objet Javascript, c'est assez facile de définir quelques animations et de les réutiliser.
Le repo Github est ici : https://github.com/juliangarnier/anime
Une sorte de lightbox par effet de zoom que j'aime assez. L'animation aide à comprendre ce qui se passe et ne casse pas la dynamique de lecture, à mon sens.
Il me semble que c'est l'effet qui est utilisé sur Medium.
Un site qui regroupe des ressources graphiques libres de droit.
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.
Une galerie Javascript très jolie et visiblement très light. Elle fonctionne également très bien sur mobile.
Ça peut toujours servir (même si je n'ai jamais cassé un écran de ma vie).
Une sorte de wiki un peu simplifié pour stocker des articles ou des ressources sous forme de livre avec différentes sections, etc.
Ça peut être intéressant pour stocker de la documentation par exemple.
Un article intéressant qui remet en question l'adoption de l'unité "em" ou "rem" partout.
Des codes de cartes de crédit factices pour faire des tests.
"A collection of tools to help designers craft delightful experiences."