RRZE-Webteam / rrze-elements

Sammlung von Gestaltungselementen für WordPress-Websites
4 stars 5 forks source link

Switch für Dokumentationen und Co. 🐛 #185

Closed lukasniebler closed 2 years ago

lukasniebler commented 2 years ago

Wie findet Ihr die Idee, für die Dokumentation und Co. sowas wie Hier zu benutzen:

Bildschirmfoto 2022-04-12 um 09 40 36

https://wiki.selfhtml.org/wiki/HTML/Tutorials/Listen/Beschreibungslisten

Da könnte man dann zwischen Shortcode / Code und Vorschau hin und herrwechseln als Nutzer. In der WordPress-Dokumentation hatte ich sowas auch mal in schöner gesehen. (Hab die URL aber nicht mehr gefunden in den letzten Wochen).

Nur eine Idee für die Zukunft.

cassandre commented 2 years ago

Die Clips von Codepen machen das ziemlich genial, z.B. hier: https://css-tricks.com/cut-corners-using-css-mask-and-clip-path-properties/#aa-circular-cut-out

Da kann man jeweils HTML/CSS/JS ein- und ausschalten. Also nicht nur Tabs wechseln, sondern auch beides zweispaltig nebeneinander anschauen. Aber Tabs in einem ersten Schritt wären sicher schon mal klasse, und viel übersichtlicher!

lukasniebler commented 2 years ago

Ja das klingt super. Das würde so manche Anleitungsseite schon viel übersichtlicher machen. 🦑

cassandre commented 2 years ago

Lesezeichen: https://inclusive-components.design/tabbed-interfaces/