Netz

Nützliche VS-Code-Erweiterungen für Front-End-Entwickler

Lernen Sie nützliche Visual Studio Code-Erweiterungen für Webentwickler kennen: kleine Helfer, um Verlangsamungen und Frustrationen zu minimieren und den Workflow des Entwicklers zu verbessern. Mit automatischen Log-Meldungen, automatischer Code-Formatierung, Datei-Utilitys, Datei-Labels, Code-Snippets, hervorgehobenen Klammern, Tags, Einzügen und Arbeitsbereichen, Onboarding und Remote-SSH.

So erstellen und starten Sie leistungsstarke responsive Websites mit Editor X

Obwohl es Web-Builder schon seit langer Zeit gibt, wurden sie erst vor kurzem für den professionellen Einsatz praktikabel. Das Schließen der Lücke zwischen Design und Code ist für viele Unternehmen zum Nordstern geworden, und wir sehen eine Welle von Tools, die dieses Versprechen einlösen.

Zugängliche SVGs: Perfekte Muster für Screenreader-Benutzer

Entdecken Sie, welche SVG-Muster wir vermeiden sollten und welche Muster am umfassendsten sind, wenn Sie verschiedene Kombinationen von Betriebssystemen, Browsern und Bildschirmleseprogrammen vergleichen.

Eine Anleitung zum Rückgängigmachen von Fehlern mit Git (Teil 2)

Fehler. Diese grausamen Schurken machen auch vor der schönen Welt der Softwareentwicklung nicht halt. Aber obwohl wir Fehler nicht vermeiden können, können wir lernen, sie rückgängig zu machen! Dieser Beitrag zeigt Ihnen die richtigen Werkzeuge für Ihre tägliche Arbeit mit Git.

Ein neuer Weg, um die Auswirkung beim Laden von Schriftarten zu reduzieren: CSS-Schriftdeskriptoren

Webfonts sind oft schrecklich für die Webleistung, und keine der Strategien zum Laden von Fonts ist besonders effektiv, um dies zu beheben. Kommende Schriftoptionen könnten endlich das Versprechen einlösen, es einfacher zu machen, Fallback-Schriftarten an den endgültigen Schriftarten auszurichten.

CSS-Containerabfragen: Anwendungsfälle und Migrationsstrategien

CSS-Containerabfragen bringen Medienabfragen näher an die Zielelemente selbst und ermöglichen ihnen, sich an praktisch jeden gegebenen Container oder jedes Layout anzupassen. In diesem Artikel behandeln wir die Grundlagen von CSS-Container-Abfragen und wie man sie heute mit progressiver Erweiterung oder Polyfills verwendet.

Erstellen eines Rich-Text-Editors (WYSIWYG)

Lassen Sie uns einen Rich-Text-WYSIWYG-Editor erstellen, der Rich-Text, Bilder, Links und einige nuancierte Funktionen von Textverarbeitungs-Apps unterstützt. Wir werden SlateJS verwenden, um die Shell des Editors zu erstellen und dann eine Symbolleiste und benutzerdefinierte Konfigurationen hinzuzufügen.

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.