Liste mit nützlichen Dokumenten, Artikeln und Tools

Offizielle Dokumentation

Die Werkzeuge und Standards, auf denen das Web basiert.

Frontend

• React - eine Bibliothek zum Erstellen von Benutzeroberflächen, der wichtigste Standard für SPA-Anwendungen;

• Next.js - ein leistungsstarkes Framework von Vercel auf Basis von React, das serverseitiges Rendering (SSR) und statische Generierung (SSG) unterstützt:

  • Optionale Registrierung;
  • Optionale kostenpflichtige Dienste.

• Minista - ein minimalistischer Generator für statische Websites, der sich auf schnelle Erstellungszeiten und sauberen Code konzentriert;

• Tailwind CSS - ein Utility-First-CSS-Framework für schnelles Layout direkt in HTML:

  • Optionale Registrierung;
  • Optionale kostenpflichtige Dienste.

Artikel und nützliche Longreads

Ein tiefer Einblick in Theorie und Best Practices der Branche.

Frontend und CSS

• CSS-Tricks - eine legendäre Ressource mit Tutorials zu allen Aspekten des Layouts.

Tools (Frontend)

Support-Ressourcen für Design, Entwicklung und Optimierung.

Icons

• Free SVG Icons - Laravel - eine riesige Sammlung von Icons, die für jeden Stack geeignet sind;

• Health icons - kostenlose Icons für medizinische Projekte;

• Phosphor Icons - Eine flexible Familie von Icons in verschiedenen Stilen (dünn, hell, fett);

• Feather - minimalistische Open-Source-Symbole;

• Iconoir - eine der größten Bibliotheken mit SVG-Symbolen:

  • Optionale Spenden.

Player

• MOV Player - ein Online-Tool zum Anzeigen von MOV-Dateien direkt in Ihrem Browser:

  • Optionale Registrierung;
  • Optionale kostenpflichtige Dienste.

Konverter und Komprimierung

• TinyPNG - der beste Dienst zum Komprimieren von Bildern ohne Qualitätsverlust:

  • Optionale Registrierung;
  • Optionale kostenpflichtige Dienste.

• Base64 to File - Dekodiert Base64-Zeichenfolgen zurück in Dateien:

  • Optionale Spenden.

• TinyWow - Eine riesige Auswahl an kostenlosen KI-Tools für die Arbeit mit PDFs, Videos und Fotos:

  • Optionale Registrierung.

• How to Convert - Eine Anwendung für Windows, macOS und Linux mit der Möglichkeit, über 3000 Formate zu konvertieren:

  • Registrierung erforderlich;
  • Es gibt optionale kostenpflichtige Dienste.

CSS und Schriftarten

• PX to percentage converter - Sofortige Umwandlung von Pixeln in Prozent für Responsivität:

• Can I use… - Überprüfung der Browserunterstützung für Technologien:

  • Es gibt optionale Spenden.

• Google webfonts helper - eine bequeme Möglichkeit, Google-Schriftarten für die lokale Verwendung herunterzuladen:

  • Es gibt optionale Spenden.

React-Bibliotheken

• Einführung – React Three Fiber - Erstellen von 3D-Szenen in React mit Three.js;

• dnd kit - ein leichtgewichtiges und modulares Tool für Drag-and-Drop;

• React Bits - eine Bibliothek mit animierten UI-Komponenten;

• Mantine React Table - eine leistungsstarke Bibliothek für die Arbeit mit Tabellen.

JS/TS und Ökosystem

• JS Visualizer 9000 - Visualisierung der Ereignisschleife und der JavaScript-Engine;

• ESLint Stylistic - Plugins zur Konfiguration des Code-Stils;

• Storybook - Eine Umgebung für die isolierte Entwicklung von UI-Komponenten:

  • Optionale Registrierung;
  • Optionale kostenpflichtige Dienste verfügbar.

• TanStack - Hochwertige Tools (Query, Router, Table) für Webentwickler:

  • Optionale Registrierung erforderlich;
  • Optionale kostenpflichtige Dienste verfügbar.

Reguläre Ausdrücke

• i Hate Regex - Spickzettel und praktische Visualisierung komplexer regulärer Ausdrücke;

• regex101 - Debugger und Tester für reguläre Ausdrücke mit detaillierten Erklärungen:

  • Optionale Registrierung erforderlich.

Testing and performance

• LambdaTest - cloud testing in various browsers and operating systems:

  • Registration required;
  • Optional paid services available.

• PageSpeed Insights - website performance analysis from Google.

Translators

• DeepL Translate - the most accurate translator in the world:

  • Optional registration required;
  • Optional paid services available.

Back-end utilities

• Newsletters spam test - checks your emails for spam before sending:

  • Optional registration required.

• dbdiagram.io - Database Relationship Diagrams Design Tool - schnelles und praktisches Online-Tool zum Entwerfen von Datenbankstrukturen (ER-Diagrammen) mithilfe von Code:

  • Optional paid services available.