Catégories
Astuces et Design

Deux problèmes de style de l'élément Détails et comment les résoudre

Dans un passé pas trop lointain, même les interactions basiques de type accordéon nécessitaient des écouteurs d'événements JavaScript ou des trucs CSS…. Et, selon la solution utilisée, la modification du code HTML sous-jacent peut devenir compliquée. Maintenant le et les éléments (qui se combinent pour former ce qu'on appelle un «widget de divulgation») ont rendu […]

Catégories
Astuces et Design

Explorer ce que les détails et les éléments récapitulatifs peuvent faire

Nous avons déjà mentionné à quel point le et les éléments sont. Ils sont parfaits pour créer rapidement des accordéons accessibles au toucher, à la souris et au clavier: CodePen Embed Fallback et peut même être utilisé pour lire / mettre en pause des gifs! Cliquez sur le bouton Pause en haut à droite de […]

Catégories
Astuces et Design

Comment animer l'élément Details à l'aide de WAAPI

L'animation d'accordéons en JavaScript a été l'une des animations les plus demandées sur les sites Web. Fait amusant: jQuery's slideDown() La fonction était déjà disponible dans la première version en 2011. Dans cet article, nous allons voir comment vous pouvez animer le natif élément à l'aide de l'API Web Animations. CodePen Embed Fallback Configuration HTML […]