In letzter Zeit viel Gerede über die guten alten Elemente <details> und <summary>! Ich habe gesehen, wie Lea Verou kürzlich eine Beobachtung getwittert hat über das display-Verhalten des Elements, und das hat sich dann in weitere Beobachtungen und Nutzungshinweise von Leuten aufgesplittert, einschließlich einer wiederbelebten…
Was wäre, wenn HTML „Tabs“ hätte? Das wäre cool, sage ich. Dave hat einige seiner Zeit und Energie, zusammen mit einer Gruppe von „Tabvengers“ von OpenUI, darauf verwendet. Viel Forschung führt zu ein wenig …
Es gibt eine verdammte Stolperfalle beim Stylen eines <details-Elements, wie hier von Kitty Giraudel dokumentiert. Sie ist so obskur, dass man ihr vielleicht nie begegnet, aber wenn doch, könnte sie *sehr* verwirrend sein (sie würde verwirren …
Eine Sache, die an dem <details>-Element ein kleines bisschen komisch sein kann, ist, dass es, wenn es offen ist, nicht immer zu 100 % klar ist, was sich in diesem Element befindet und was nicht. Ich sage nicht, dass das immer wichtig ist oder dass es ein …
Betrachten wir CSS @keyframes-Animationen, und speziell wie man sie **pausiert** und anderweitig steuert. Es gibt eine spezielle CSS-Eigenschaft dafür, die mit JavaScript gesteuert werden kann, aber es gibt viel Nuance, um ...
In der nicht allzu fernen Vergangenheit erforderten selbst einfache, Akkordeon-ähnliche Interaktionen JavaScript-Event-Listener oder einige CSS-Tricks. Und je nach verwendeter Lösung konnte die Bearbeitung des zugrunde liegenden HTML kompliziert werden.
Jetzt bilden die Elemente <details> und <summary> (die zusammen …
Terence Eden experimentierte mit einer Methode, um Fußnoten mit den Elementen <details>/<summary> zu erstellen. Ich finde es ziemlich clever. Anstatt eines Hyperlinks, der nach unten springt, um die Fußnote woanders zu erklären, sind die Details direkt daneben …
Wir haben schon früher erwähnt, wie großartig die Elemente <details> und <summary> sind. Sie eignen sich hervorragend, um schnell Akkordeons zu erstellen, die für Touch-, Maus- und Tastatureingaben zugänglich sind.
<details> und <summary> können sogar zum Abspielen/Pausieren von GIFs verwendet werden ...
Das Animieren von Akkordeons in JavaScript war eine der am häufigsten nachgefragten Animationen auf Websites. Fun Fact: jQuerys slideDown()-Funktion war bereits in der ersten Version im Jahr 2006 verfügbar.
In diesem Artikel werden wir sehen, wie Sie die native …
