Blog
Styles gezielt auf Elemente begrenzen
@scope ist eine moderne CSS-Funktion, mit der du den Gültigkeitsbereich von Styles gezielt auf einen bestimmten DOM-Bereich begrenzen kannst. Damit lassen sich Styles lokal kapseln, ohne dass du dafür komplizierte Selektoren oder zusätzliche BEM-Klassen benötigst.
CSS - Farben dynamisch berechnen
color-mix() ist eine moderne CSS-Funktion, mit der du zwei Farben direkt in CSS miteinander mischen kannst. Das ist besonders praktisch für Hover-Zustände, dezente Hintergründe, Borders oder Farbvarianten, ohne zusätzliche Farben manuell berechnen zu müssen.
Native Share Funktion verwenden
Die Native Share API ermöglicht es dir, über JavaScript den nativen Teilen-Dialog des Betriebssystems zu öffnen – also beispielsweise Teilen, WhatsApp, Mail, Messages, Nearby Share usw., sofern Browser und Gerät dies unterstützen.
Gradient Border Button
Ein Farbverlauf als Border klingt zunächst nach einer einfachen CSS-Eigenschaft – tatsächlich gibt es aber keine native border-gradient-Eigenschaft. Stattdessen nutzt man CSS-Backgrounds, transparente Borders und die Background-Boxen padding-box und border-box.