Ich war über dieses Video gestolpert, ich weiß leider nicht mehr wo: Dylan Beattie beginnt seinen Vortrag zu CSS' Fähigkeiten etwas langatmig – dass man mit modernem HTML und CSS inzwischen viel Javascript ersetzen kann war mir bekannt – geht dann aber angenehm schnell und tief in die Beispiele. Die gezeigten Fähigkeiten liste ich zur schnelleren Lektüre hier auf, teils mit abgewandelten Beispielen. details/summary mit name Das details-Element eignet sich gut um bestimmte interaktive Elemente zu bauen, für die man vorher Javascript nutzt. Er zeigt das am Beispiel eines Akkordenmenüs. Serendipitys Backend benutzt den Ansatz seit 2.6.0 sogar für Tabs. Kniff dabei ist das Attribut name, mit dem die Elemente verbunden werden und immer nur eines auf sein kann: <details name="csstestmenü"> <summary>Menüpunkt 1</summary> Etwas Text hier </details> <details name="csstestmenü"> <summary>Menüpunkt 2</summary> Mehr Text dort </details> Demo: Menüpunkt 1 Etwas Text hier Menüpunkt 2 Mehr Text dort…
Noch keine Kommentare. Anmelden um im Fediverse zu antworten. Kommentare erscheinen hier.