Quotidien Shaarli

Tous les liens d'un jour sur une page.

Hier - April 14, 2026

7 View Transitions Recipes to Try | CSS-Tricks

L’article de CSS-Tricks présente sept exemples concrets de view transitions, une fonctionnalité CSS moderne permettant d’animer les changements de vue entre pages ou éléments. L’auteur explique d’abord le principe de base, notamment l’activation via la règle @view-transition et l’utilisation de types d’animations personnalisés, tout en respectant les préférences de réduction de mouvement des utilisateurs. Il détaille ensuite la structure technique pour appliquer des animations entrantes et sortantes via des pseudo-éléments comme ::view-transition-old(root) et ::view-transition-new(root).

L’article propose des recettes prêtes à l’emploi, comme l’effet pixelate dissolve qui combine flou et fondu pour une transition visuelle originale. Chaque exemple inclut le code nécessaire et des explications sur leur implémentation, avec une attention particulière portée à la compatibilité navigateur (tous les principaux navigateurs supportent désormais les view transitions, bien que certaines animations puissent varier). L’auteur encourage à expérimenter ces techniques pour enrichir l’expérience utilisateur tout en restant accessible aux débutants.

How to Motivate Yourself to Exercise Regularly - Scott H Young

L’exercice régulier offre des bénéfices majeurs comme l’amélioration de la cognition, de la santé mentale et du sommeil, pourtant la majorité des gens ne parviennent pas à s’y tenir. Scott H Young explique comment il a transformé cette habitude en la priorisant quotidiennement pendant plusieurs mois, malgré un départ difficile, et souligne que les changements de comportement précèdent souvent les ajustements mentaux.

Son approche repose sur une routine rigide au début, suivie d’une adaptation progressive, tout en modifiant sa perception des attentes : il a fini par croire qu’il devait faire plus d’exercice, une conviction qui n’aurait pas été possible sans une pratique préalable. L’auteur insiste sur l’importance de rendre l’exercice incontournable pendant une période définie pour en faire une norme.

Young recommande de commencer modestement et de viser un exercice quotidien pour éviter les hésitations, tout en acceptant que la motivation ne soit pas toujours spontanée. Ces stratégies, combinées à une réévaluation des croyances, ont permis à l’auteur de rendre cette habitude durable.

The Radio State Machine | CSS-Tricks

L’article explique comment gérer l’état visuel d’une interface directement en CSS plutôt qu’en JavaScript, notamment pour des interactions simples comme des panneaux, des icônes ou des thèmes. Il présente le checkbox hack, une technique où une case à cocher masquée sert de machine à états, déclenchant des changements de style via le pseudo-sélecteur :checked et les combinateurs de frères. Avec l’arrivée de :has(), cette méthode devient plus flexible, permettant de placer la case n’importe où dans le DOM tout en contrôlant des éléments précédents.

L’auteur illustre cette approche avec un exemple de bascule entre thèmes clair et sombre, utilisant color-scheme et la fonction light-dark() pour adapter dynamiquement les couleurs. Bien que pratique, cette technique repose sur des sélecteurs comme #id, dont l’impact sur les performances est à considérer. L’article souligne aussi l’importance d’utiliser hidden plutôt que disabled pour masquer la case, tout en notant ses limites en termes d’accessibilité.

Mon expérience pour devenir Kubestronaut

L’auteur partage son expérience pour obtenir le titre de Kubestronaut, décerné par la CNCF à ceux ayant validé cinq certifications Kubernetes simultanément. Il détaille son parcours, incluant les examens CKA, CKAD et CKS (les plus exigeants), ainsi que les QCMs KCNA et KCSA, soulignant l’importance de ces certifications pour structurer ses compétences, notamment en tant qu’autodidacte.

Il aborde aussi les coûts élevés de ces certifications (environ 400 $ chacune), justifiés par leur format pratique nécessitant une infrastructure dédiée. L’auteur mentionne des réductions possibles lors d’événements comme le Cyber Monday, et remercie son employeur pour son soutien financier et logistique dans cette démarche.

Pourquoi « la langue évolue » n’est pas une excuse - Le Hollandais Volant

La langue évolue, mais cela ne justifie pas de négliger son respect, comme le souligne cet article. L’auteur rejette l’excuse selon laquelle les fautes d’orthographe ou de grammaire seraient tolérées au prétexte que la langue change, comparant cette logique à une écriture phonétique ou anarchique. Il rappelle que la langue, comme tout standard (kilogramme, formats A4 ou USB), repose sur des normes facilitant la communication et l’interopérabilité, sans pour autant être figée.

L’article défend l’idée que les standards, y compris linguistiques, évoluent naturellement tout en restant utiles. Il illustre ce principe avec des exemples concrets (USB, Wi-Fi, normes industrielles) montrant que les normes s’adaptent aux besoins sans perdre leur fonction unificatrice. L’auteur souligne que l’évolution des règles linguistiques, comme celle des autres standards, est un processus collectif et non une anarchie.

Enfin, il rappelle que l’Académie française n’a pas de pouvoir coercitif, mais que les normes linguistiques émergent de l’usage commun. L’argument selon lequel « la langue évolue » ne saurait donc servir de prétexte pour ignorer les règles établies, pas plus que les standards techniques ne seraient abandonnés sous prétexte d’innovation.

Les temps ritualisés chez Elao : quand le dialogue devient une culture

Chez Elao, les temps ritualisés transforment le dialogue en une véritable culture d'entreprise, favorisant l'épanouissement et la performance collective. L'entreprise organise des entretiens semestriels pour évaluer le bien-être, célébrer les réussites et ajuster les objectifs, ainsi que des 1 to 1 RH libres et confidentiels pour aborder aussi bien des sujets professionnels que personnels. Ces dispositifs visent à instaurer un climat de confiance et d'écoute active.

Un entretien de parcours professionnel accompagne les collaborateurs dans leur évolution de carrière, en explorant des perspectives d'évolution interne ou externe. Depuis début 2026, un point mensuel informe l'équipe sur les actualités sociales et juridiques, comme les changements législatifs en matière de congés parentaux, pour garantir une transparence totale.

Enfin, des rétrospectives semestrielles réunissent toute l'équipe pour discuter des conditions de travail et des projets internes, renforçant ainsi la cohésion et l'organisation collective. Ces rituels illustrent l'engagement d'Elao envers un management participatif et humain.

Comparez deux arborescences avec diff, confortablement avec riff – Le blog de Seboss666

L'auteur partage son expérience de migration entre deux instances GitLab-CI, où il a dû comparer des arborescences de fichiers pour valider des artefacts. Il explique que l'outil diff permet de comparer des dossiers entiers, à condition que les fichiers soient en texte, ce qui était le cas pour ses bibliothèques Flutter. Il détaille la commande utilisée pour générer un fichier de différences entre deux versions.

Pour rendre cette comparaison plus lisible, il recommande l'outil riff, écrit en Rust, qui améliore la présentation des résultats de diff avec une coloration et une mise en forme visuelle. Il mentionne les méthodes d'installation et une attention particulière à porter si l'on utilise asdf, car le plugin associé n'est plus maintenu.

Enfin, il évoque un cas où riff a révélé des différences dans des fichiers XML, dues à un simple réordonnancement des blocs, sans impact sur la structure globale. Cela lui a permis de valider rapidement la cohérence des fichiers après migration.

Squash and Stretch • Josh W. Comeau

Le principe d’animation squash and stretch (écrasement et étirement), issu des 12 principes de base de Disney, consiste à déformer un objet en mouvement pour lui donner une apparence plus dynamique et réaliste. L’auteur illustre ce concept avec une balle qui s’aplatit à l’impact et s’allonge lors du rebond, tout en soulignant l’importance de modérer l’effet pour éviter un rendu exagéré.

L’application concrète sur le web concerne souvent des icônes SVG, comme des flèches qui s’étirent et s’amincissent au survol. Cette technique, subtile mais efficace, améliore l’interactivité perçue. L’article propose un tutoriel pour implémenter ce effet, en partant d’un code SVG simple et en utilisant des bibliothèques JavaScript pour faciliter l’animation.