Quotidien Shaarli

Tous les liens d'un jour sur une page.

March 14, 2024

The View Transitions API And Delightful UI Animations (Part 2) — Smashing Magazine

Suite de https://www.smashingmagazine.com/2023/12/view-transitions-api-ui-animations-part1/ l'auteur explique et démontre des utilisations de la View Transitions API pour faire des effets de transitions, notamment lors de changement de pages (avec un tuto pour React).

Five-Second Testing: Taking A Closer Look At First Impressions (Case Study) — Smashing Magazine

L'auteur explique en quoi consiste la règle des 5 secondes (en test UX) Il donne quelques conseils pour l'adapter selon sa situation - complexité, niveau de détail, etc.

CSS Scroll Snapping Aligned With Global Page Layout: A Full-Width Slider Case Study — Smashing Magazine

Tout est dans le titre

Building Components For Consumption, Not Complexity (Part 1) — Smashing Magazine

L'auteur introduit son framework de construction de composants : FRAILS, acronyme de Flexible, Repeatable, Adoptable, Indexable, Logical et Specific.
Il explique dans cet article en quoi consiste Flexible et Repeatable.

How Marketing Changed OOP In JavaScript — Smashing Magazine

L'auteur raconte les origines du JavaScript (et certains choix marketing). Il explique ensuite en quoi consiste la programmation objet par prototype, et quels sont les pièges à éviter (avec une mention à this)

Building Components For Consumption, Not Complexity (Part 2) — Smashing Magazine

Suite de https://www.smashingmagazine.com/2023/12/building-components-consumption-not-complexity-part1/ l'auteur explique les dernières lettres du framework FRAILS pour la construction de design systems : Adoptable, Indexable, Logical et Specific.

Preparing For Interaction To Next Paint, A New Web Core Vital — Smashing Magazine

Une présentation de l'INP (Interaction to Next Paint), une métrique introduite par Google. L'auteur donne quelques conseils pour l'optimiser

Recovering Deleted Files From Your Git Working Tree — Smashing Magazine

L'auteur explore les options pour récupérer des fichiers effacés dans un projet Git