Netz

So implementieren Sie die Authentifizierung in Next.js mit Auth0

Eine Schritt-für-Schritt-Anleitung zum Hinzufügen von Authentifizierung und Autorisierung zu Ihren Next.js-Apps mit Auth0. Wir verwenden ein Next.js-SDK, um unsere Anwendung mit der Auth0-API zu verbinden, und erstellen die dynamische API-Route für React.

Frustrierende Designmuster: Mega-Dropdown-Hover-Menüs

Alles, was Sie beim Entwerfen und Erstellen eines Mega-Dropdowns beachten sollten, häufige Fallstricke, Hover-Eintritts-/Austrittsverzögerungen, Trajektoriendreieck-Technik und SVG-Pfadaustrittsbereiche.

So erstellen, bearbeiten und animieren Sie SVGs an einem Ort mit SVGator 3.0

Heute werfen wir einen genaueren Blick auf [SVGator 3.0](https://www.svgator.com/?utm_source=article&utm_medium=smashingmag&utm_campaign=svgator3_smashing), eine neue Hauptversion der beliebten SVG-Anwendung, mit der Sie erstellen, bearbeiten und animieren Sie SVG-Dateien und machen Sie das Beste aus dem, was SVG zu bieten hat – von Anfang bis Ende.

Smashing Podcast Folge 37 mit Adam Argyle: Was ist VisBug?

In dieser Folge sprechen wir über VisBug. Was ist das und wie unterscheidet es sich von der Reihe von Optionen, die bereits in Chrome DevTools zu finden sind? Drew McLellan spricht mit seinem Schöpfer Adam Argyle, um es herauszufinden.

Wie wir unsere Core Web Vitals verbessert haben (Fallstudie)

Googles „Page Experience Update“ startet im Juni mit dem Rollout. Zunächst haben Websites, die die Core Web Vitals-Schwellenwerte erfüllen, einen geringfügigen Ranking-Vorteil bei der mobilen Suche für alle Browser. Die Suche ist für jedes Unternehmen wichtig, und dies ist die Geschichte, wie Beau Hartshorne und sein Team bei Instant Domain Search ihre Core Web Vitals-Ergebnisse verbesserten.

Tree-Shaking: Ein Referenzhandbuch

„Tree-Shaking“ ist eine unverzichtbare Leistungsoptimierung beim Bündeln von JavaScript. In diesem Artikel tauchen wir tiefer ein, wie genau es funktioniert und wie Spezifikationen und Praxis ineinandergreifen, um Bundles schlanker und leistungsfähiger zu machen. Außerdem erhalten Sie eine baumschüttelnde Checkliste, die Sie für Ihre Projekte verwenden können.

Frustrierende Designmuster, die repariert werden müssen: Geburtstagsauswahl

In dieser neuen Artikelserie über UX werfen wir einen genaueren Blick auf einige frustrierende Designmuster und untersuchen bessere Alternativen, zusammen mit vielen Beispielen, die Sie beim Erstellen oder Entwerfen eines Musters berücksichtigen sollten. Beginnen wir mit einem berüchtigten Geburtstagspflücker.

Kleine Schlagergeschichten

Heute ist der Tag, an dem wir unsere 300. Ausgabe des Smashing Newsletters verschickt haben. Dieser Artikel ist eine kleine Feier, bei der wir kleine Smashing-Geschichten von Menschen teilen, die hinter den Kulissen arbeiten.

Easing-Funktionen für CSS-Animationen und -Übergänge verstehen

Beschleunigungsfunktionen können das Erscheinungsbild einer Animation verändern, indem sie die Rate oder Geschwindigkeit einer Animation beeinflussen. In diesem Artikel tauchen wir tief in die Easing-Funktionen ein und sehen, wie wir sie verwenden können, um diese natürlichen und beeindruckenden Animationen zu erstellen.

So bauen Sie Barrierefreiheitstests in Ihren Prozess ein

Die Barrierefreiheitsexperten Kate Kalcevich und Mike Gifford stellen den Lesern „Layered Accessibility Testing“ vor, eine Praxis, bei der eine Vielzahl von Tools und Ansätzen in verschiedenen Phasen des digitalen Produktlebenszyklus verwendet werden, um Barrierefreiheitsprobleme frühzeitig zu erkennen – wenn es einfacher und kostengünstiger ist, sie zu beheben.