Ich bin kürzlich auf einen coolen Effekt gestoßen, der als Glassmorphism in einem Dribbble-Shot bekannt ist. Mein erster Gedanke war, dass ich ihn schnell in wenigen Minuten nachbauen könnte, wenn ich nur Emojis für die Icons verwende, ohne Zeit zu verschwenden...
Sticky, oder fixed, Navigation ist eine beliebte Designwahl, da sie den Benutzern einen dauerhaften Zugriff auf die Navigation der Website ermöglicht. Auf der anderen Seite nimmt sie Platz auf der Seite ein und verdeckt manchmal Inhalte auf eine Weise, die weniger als …
Ich erinnere mich noch an meine Begeisterung, als ich lernte, wie man ein durch Hover ausgelöstes Untermenü nur mit CSS erstellt. (Wahrscheinlich nachdem ich diesen Artikel von A List Apart aus dem Jahr 2003 gelesen hatte.) Damals war das ein echter CSS-Trick. Ernsthaft. ...
Wenn Sie ein Inhaltsverzeichnis auf einer Seite mit langem Scrollen haben, das dank z. B. position: fixed; oder position: sticky; angezeigt wird, ist die IntersectionObserver-API in JavaScript der perfekte Begleiter, um Elemente im Inhaltsverzeichnis hervorzuheben, wenn entsprechende Inhalte …
Ich habe kürzlich mit meinem Team begonnen, an einer Progressive Web App (PWA) für einen Kunden zu arbeiten. Wir verwenden React mit clientseitigem Routing über React Router, und eines der ersten Elemente, die wir erstellt haben, war das Hauptmenü. Menüs…
Stellen Sie sich den Header einer Website vor, der schön dick ist, mit viel Platz oben und unten für den Inhalt. Wenn Sie nach unten scrollen, schrumpft er auf sich selbst zusammen, reduziert etwas von diesem Abstand und schafft mehr Bildschirmplatz ...
Ein Inhaltsverzeichnis ist eine Liste von Links, die es Ihnen ermöglicht, schnell zu bestimmten Inhaltsabschnitten auf derselben Seite zu springen. Es ist vorteilhaft für lange Inhalte, da es dem Benutzer eine praktische Übersicht über die vorhandenen Inhalte bietet …
Es gibt viele verschiedene Ansätze für Menüs auf Websites. Einige Menüs sind persistent, immer sichtbar und zeigen alle Optionen an. Andere Menüs sind per Design versteckt und müssen geöffnet werden, um die Optionen anzuzeigen. Und es gibt sogar …
