Open Time

8 réactions

Fil des commentaires de ce billet

• 1 De Llu - 01/08/2021, 10:04

  Tiens, je me faisais justement la même réflexion en lisant un article du Diplo.

  Je m’étais dit que je creuserai bien le mécanisme et que j’irai voir si notamment l’implémentation est accessible.

• 2 De Franck - 01/08/2021, 16:06

  Le résultat m’intéressera Llu !

• 3 De Tomek - 02/08/2021, 00:19

  Ah oui la gestion des notes est top sur le site du Diplo ! Following… ;-)

• 4 De Biou - 02/08/2021, 07:55

  Si tu implémentes ce genre d’effet, il faut faire gaffe à la navigation au clavier (gestion du focus) et aussi laisser la possibilité de désactiver le smooth scrolling. Un article en parle sur css tricks: https://css-tricks.com/smooth-scrolling-accessibility/

• 5 De Franck - 02/08/2021, 08:17

  Concernant le scroll-behavior, pour l’instant il est en auto (a minima dans l’admin et je vais surement reporter ça côté Berlin aussi) :

  @media (prefers-reduced-motion: reduce) {
    *,
    ::before,
    ::after {
      animation-delay: -1ms !important;
      animation-duration: 1ms !important;
      animation-iteration-count: 1 !important;
      background-attachment: initial !important;
      scroll-behavior: auto !important;
      transition-delay: 0s !important;
      transition-duration: 0s !important;
    }
  }
  

  C’est peut-être suffisant ?

• 6 De Franck - 02/08/2021, 08:20

  Je viens de vérifier, j’ai déjà reporté ça dans Berlin pour la 2.19 :-)

• 7 De Biou - 02/08/2021, 08:38

  @Franck ça m’a l’air pas mal. Il ne te restera que la gestion du focus clavier et peut être d’autres points que relèvera @llu :)

• 8 De Michel Loiseau - 02/08/2021, 19:21

  Oui, le système du Diplo est parfait.