Liste mit nützlichen Dokumenten, Artikeln und Tools

Offizielle Dokumentation

Grundlegende Tools und Standards, auf denen das moderne 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, jedoch ohne Unterstützung für die Konvertierung von SVG in andere Formate.

  • 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