HTML- & Barrierefreiheits-Tools
ARIA Live Region Generator
Erstelle barrierefreie ARIA-Live-Regionen für Screenreader-Ankündigungen.
Tools
Kleine Webtools, die im Browser laufen
Erzeuge Tags, bereinige Launch-Details und bereite statische Seiten ohne Konto oder Upload vor.
HTML- & Barrierefreiheits-Tools
Hilfen für saubere HTML-Tags, Head-Markup, Snippets und Publishing-Abläufe.
Tool öffnen
HTML- & Barrierefreiheits-Tools
Generator für anpassbare Select-Elemente
Erstellen Sie CSS für anpassbare Select-Elemente mit appearance: base-select, Picker-Symbolen, Auswahlmarkierungen und Styles für den offenen und geschlossenen Zustand.
HTML- & Barrierefreiheits-Tools
Declarative Shadow DOM Generator
Erstelle HTML-Snippets für Declarative Shadow DOM mit Scoped CSS, Slots und Server-Rendering.
HTML- & Barrierefreiheits-Tools
Focus-Ring CSS Generator
Erstelle barrierefreie :focus-visible Outline- oder Box-Shadow-CSS-Regeln mit Kontrastprüfung.
HTML- & Barrierefreiheits-Tools
HTML-Invoker-Command-Generator
Erstellen Sie deklarative Command-Buttons für Dialoge, Popover und Details-Elemente mit der Invoker Commands API. Kein JavaScript erforderlich.
HTML- & Barrierefreiheits-Tools
HTML-Link-Rel-Generator
Erzeuge Link-Tags für preload, preconnect, dns-prefetch, canonical und alternate URLs.
HTML- & Barrierefreiheits-Tools
Responsive-Iframe-Embed-Generator
Generiere responsives Iframe-Embed-Markup für Videos, Karten, Demos und Dokumentation.
HTML- & Barrierefreiheits-Tools
Touch Target Size Checker
Prüfe interaktive Elemente auf WCAG 2.2 Mindestgröße (2.5.8) mit AA/AAA-Ergebnissen und CSS-Empfehlungen.
HTML- & Barrierefreiheits-Tools
HTML-Überschriften-Prüfer
Prüfe die Überschriftenhierarchie mit einem Baum. Finde übersprungene Ebenen und fehlende h1.
HTML- & Barrierefreiheits-Tools
HTML-Entity-Kurzreferenz
Durchsuche und kopiere haufige HTML-Entities: Pfeile, Striche, Anfuhrungszeichen und Symbole.
HTML- & Barrierefreiheits-Tools
HTML-Popover-Generator
Generiere natives HTML-Popover-Markup mit popovertarget und der Popover-API ohne JavaScript.
HTML- & Barrierefreiheits-Tools
Dialog-Modal-HTML-Generator
Generiere ein natives HTML-Dialog-Modal mit Offnungs- und Schlies-Buttons.
HTML- & Barrierefreiheits-Tools
Barrierefreier-Skip-Link-Generator
Generiere einen barrierefreien Skip-Link mit CSS für Tastatur- und Screenreader-Navigation.
HTML- & Barrierefreiheits-Tools
HTML-Landmark-Prüfer
Füge HTML ein und prüfe auf ARIA-Landmark-Elemente für Screenreader-Navigation.
HTML- & Barrierefreiheits-Tools
Input-Attribute-Generator
Generiere HTML-Input-Elemente mit typspezifischen Attributen für Formulare.
HTML- & Barrierefreiheits-Tools
Fetch-Priority-Attribut-Generator
Generiere fetchpriority-Attribute für Bilder, Skripte und Link-Tags zur Verbesserung der Core Web Vitals.
HTML- & Barrierefreiheits-Tools
Preload-Tag-Builder
Generiere korrekte Preload-Link-Tags für Schriftarten, Hero-Bilder, CSS und Skripte.
HTML- & Barrierefreiheits-Tools
Modulepreload-Tag-Generator
Generiere modulepreload-Link-Tags für ES-Module in Vite-, Astro- und modernen statischen Sites.
HTML- & Barrierefreiheits-Tools
Bild-Ladeattribut-Builder
Erstelle optimierte img-Tags durch Kombination von loading, decoding und fetchpriority.
HTML- & Barrierefreiheits-Tools
HTML-Details-Akkordeon-Generator
Generiere FAQ-Akkordeons mit den nativen details- und summary-Elementen ohne JavaScript.
HTML- & Barrierefreiheits-Tools
Externer-Link-Attribut-Generator
Generiere externes Link-Markup mit korrekten rel-Attributen für Sicherheit und SEO.
HTML- & Barrierefreiheits-Tools
HTML-Script-Ladestrategie-Builder
Generiere Script-Tags mit der richtigen Ladestrategie — normal, defer, async oder type module.
HTML- & Barrierefreiheits-Tools
contenteditable=plaintext-only Generator
Generieren Sie barrierefreies HTML-Markup mit contenteditable=plaintext-only fur reine Texteingabe ohne Rich-Text-Formatierung.
HTML- & Barrierefreiheits-Tools
Directory Upload Input Generator
Generieren Sie HTML-Datei-Inputs mit webkitdirectory fur Ordner-Upload, Drag-and-Drop-Zone und Dateiliste mit webkitRelativePath.
HTML- & Barrierefreiheits-Tools
Interest Invoker Popover Generator
Generieren Sie deklaratives HTML-Markup mit interestfor fur Hover- und Fokus-ausgeloste Popovers ohne JavaScript.
HTML- & Barrierefreiheits-Tools
ARIA Notify Snippet Generator
Generieren Sie ariaNotify()-Aufrufe fur programmatische Screenreader-Ankundigungen mit aria-live-Fallback.
CSS- & Design-Tools
CSS-Generatoren für responsive Layouts, Abstände, Mobile-Feinschliff und UI-Details.
CSS- & Design-Tools
Container Query Units Rechner
Berechne clamp()-Werte mit Container-Query-Einheiten für komponentenbezogene responsive Größen.
CSS- & Design-Tools
CSS-Karussell-Generator
Erstellen Sie natives CSS-Karussell-Markup mit Scroll-Snap, Scroll-Schaltflächen, Scroll-Markierungen und zugänglicher Listenstruktur. Kein JavaScript erforderlich.
CSS- & Design-Tools
CSS-Scroll-State-Query-Generator
Erstellen Sie CSS-scroll-state()-Container-Queries für eingerastete, fixierte oder scrollbare Elemente. Enthält einen JavaScript-Fallback für browserübergreifende Unterstützung.
CSS- & Design-Tools
CSS Subgrid Layout Generator
Erstelle Parent-Grid- und Child-Subgrid-CSS für Layouts mit gemeinsamer Rasterausrichtung.
CSS- & Design-Tools
CSS-clamp()-Rechner
Berechne responsive CSS-clamp-Werte für Schriftgrößen und Abstände.
CSS- & Design-Tools
CSS-Safe-Area-Insets-Generator
Erzeuge CSS für safe-area-insets auf Smartphones mit Notch oder runden Ecken.
CSS- & Design-Tools
CSS-Farbkontrast-Prüfer
Prüfe das Kontrastverhaltnis zwischen zwei Farben gegenüber den WCAG-Richtlinien.
CSS- & Design-Tools
CSS-Box-Shadow-Builder
Erstelle box-shadow CSS visuell durch Anpassen von Offset, Blur, Spread und Farbe.
CSS- & Design-Tools
CSS-Flexbox-Generator
Generiere Flexbox-Container-CSS und Beispiel-HTML aus ausgewahlten Flex-Eigenschaften.
CSS- & Design-Tools
CSS-Border-Radius-Builder
Setze abgerundete Ecken einzeln und generiere die border-radius CSS-Deklaration.
CSS- & Design-Tools
View-Transition-Builder
Erstellen Sie CSS und JavaScript für die View Transitions API, einschließlich Same-Document- und Cross-Document-Übergängen sowie Reduced-Motion-Fallback.
CSS- & Design-Tools
CSS-Cascade-Layer-Planer
Plane die @layer-Reihenfolge und generiere eine CSS-Cascade-Layer-Struktur mit Beispielregeln.
CSS- & Design-Tools
CSS-Content-Visibility-Generator
Generiere CSS für content-visibility und contain-intrinsic-size, um lange Seiten zu beschleunigen.
CSS- & Design-Tools
CSS-Overscroll-Behavior-Generator
Generiere overscroll-behavior-CSS, um Pull-to-Refresh, Scroll-Verkettung und Bounce-Effekte zu steuern.
CSS- & Design-Tools
CSS-Scroll-Snap-Generator
Generiere CSS-Scroll-Snap-Regeln für Karussells, Galerien und horizontale Scrollbereiche.
CSS- & Design-Tools
Container-Query-Snippet-Generator
Generiere CSS-Container-Query-Regeln für komponentenbasiertes responsives Design.
CSS- & Design-Tools
Aspect-Ratio-Placeholder-Rechner
Berechne aspect-ratio-CSS-Werte und padding-bottom-Fallbacks gegen Layout Shift.
CSS- & Design-Tools
Dynamische-Viewport-Einheiten-Generator
Generiere CSS mit dynamischen Viewport-Einheiten (dvh, svh, lvh) mit Fallbacks.
CSS- & Design-Tools
CSS Logical Properties Converter
Konvertiere physische CSS-Eigenschaften in logische für RTL- und mehrsprachige Layouts.
CSS- & Design-Tools
CSS-Anchor-Positioning-Generator
Generiere CSS-Anchor-Positioning-Regeln für Tooltips, Dropdowns und Callouts.
CSS- & Design-Tools
Scroll-Driven-Animation-Generator
Generiere CSS-Scroll-Animationen mit animation-timeline für Lesefortschritt und Reveal-Effekte.
CSS- & Design-Tools
Diskreter-Übergangs-Generator
Generiere CSS für ein- und ausblendende Elemente mit transition-behavior und @starting-style.
CSS- & Design-Tools
CSS-Light-Dark-Funktions-Generator
Generiere CSS color-scheme und light-dark()-Regeln für Dark Mode ohne doppelte Variablen.
CSS- & Design-Tools
CSS-Color-Mix-Generator
Generiere CSS color-mix()-Aufrufe für Hover, Rahmen, Hintergrunde und zuruckhaltenden Text.
CSS- & Design-Tools
CSS-Relative-Color-Syntax-Generator
Generiere relative CSS-Farbsyntax für Alpha-, hellere, dunklere und kanalangepasste Varianten.
CSS- & Design-Tools
CSS-Druckstil-Generator
Generiere ein Druck-Stylesheet zum Ausblenden von Navigation, Anzeigen von Link-URLs und Vermeiden von Seitenumbruchen.
CSS- & Design-Tools
CSS contrast-color()-Funktionsgenerator
Generieren Sie contrast-color()-CSS-Funktionen, die automatisch die am besten lesbare Textfarbe aus einer Liste auswählen.
CSS- & Design-Tools
Typisierter CSS attr()-Generator
Generieren Sie typisierte attr()-Ausdrücke mit Typumwandlung für datenattributgesteuertes CSS-Styling.
CSS- & Design-Tools
CSS if()-Funktions-Builder
Erstellen Sie CSS if()-Konditionale mit style()-, media()- und supports()-Bedingungen für responsive Werte ohne @media-Abfragen.
CSS- & Design-Tools
CSS Sibling-Index und -Count Generator
Generieren Sie CSS mit sibling-index() und sibling-count() für positionsabhängiges Styling ohne nth-child-Selektoren.
CSS- & Design-Tools
CSS progress()-Funktionsrechner
Berechnen Sie CSS progress()-Funktionswerte für scroll-gesteuerte Animationen und Wertzuordnungen.
CSS- & Design-Tools
CSS Stretch-Sizing-Generator
Generieren Sie CSS mit dem stretch-Schlüsselwort für fill-available-Größen in Block-, Flex-, Grid- und absolut positionierten Layouts.
CSS- & Design-Tools
CSS text-indent hanging/each-line Builder
Generieren Sie CSS text-indent mit hanging- und each-line-Schlusselwortern fur hangende Einzuge und Zeilenumbruch-Einruckungen.
CSS- & Design-Tools
CSS Root-Relative Font Units Rechner
Berechnen Sie Pixel-Aquivalente fur rcap-, rch-, rex- und ric-Einheiten basierend auf der Root-Schriftgroße. Vergleichen Sie mit rem.
CSS- & Design-Tools
CSS shape() Funktions-Generator
Generieren Sie CSS shape()-Funktionen fur nicht-rechteckige clip-path- und shape-outside-Formen mit Polygone, Kreisen und Pfaden.
CSS- & Design-Tools
CSS @scope Regel-Builder
Generieren Sie CSS @scope-Regeln zur Stilisierung von DOM-Teilbaumen ohne BEM oder CSS Modules.
CSS- & Design-Tools
CSS Gradient Generator
Visueller Builder für lineare, radiale und konische CSS-Verläufe mit Live-Vorschau. Winkel, Farbstopps und Positionen einstellen. Sauberes CSS kopieren.
CSS- & Design-Tools
CSS Filter Generator
Visueller CSS-Filter-Editor mit neun Filterfunktionen und Live-Vorschau. Test auf Farbverlauf-Swatch oder optionaler Bild-URL. Sauberes CSS kopieren.
CSS- & Design-Tools
CSS Text Shadow Generator
Erstellen Sie mehrschichtige CSS-Textschatten mit Neon-, Glow-, 3D- und Outline-Voreinstellungen. Text, Größe und bis zu drei Ebenen anpassen. Live-Vorschau.
CSS- & Design-Tools
CSS Animation Keyframes Generator
Neun Animations-Voreinstellungen (fade, slide, scale, spin, pulse, bounce, shake) mit anpassbarer Dauer, Beschleunigung und Iteration. Live-Vorschau mit Wiederholungs-Button.
CSS- & Design-Tools
CSS 3D Transform Generator
Visueller 3D-CSS-Transform-Builder mit Dreh-, Verschiebe-, Skalierungs-, Perspektiven- und Ursprungssteuerung. Live-Vorschau-Karte zeigt Tiefe in Echtzeit.
JSON-, Daten- & Formatierungs-Tools
Browser-Tools zum Prüfen, Umwandeln, Vergleichen und Formatieren strukturierter Daten und Texte.
JSON-, Daten- & Formatierungs-Tools
JSON-Formatierer und -Validator
JSON-Daten formatieren, validieren, minifizieren und als Baumansicht anzeigen. Erkennt nachgestellte Kommas und zeigt Fehlerpositionen an. Die gesamte Verarbeitung erfolgt lokal in Ihrem Browser.
JSON-, Daten- & Formatierungs-Tools
JSON-zu-CSV-Konverter
JSON-Arrays in CSV oder TSV konvertieren. Verschachtelte Objekte mit Punktnotation abflachen, Trennzeichen waehlen und Kopfzeilen einfuegen.
JSON-, Daten- & Formatierungs-Tools
YAML-JSON-Konverter
Bidirektional zwischen YAML und JSON konvertieren. Behandelt verschachtelte Strukturen, Arrays und Skalarwerte. Ideal fuer Konfigurationsdateien.
JSON-, Daten- & Formatierungs-Tools
JSONPath-Tester
JSONPath-Ausdruecke gegen JSON-Daten testen. Unterstuetzt Punktnotation, Platzhalter, Filter und Array-Indizes. Zeigt uebereinstimmende Ergebnisse an.
JSON-, Daten- & Formatierungs-Tools
JSON-Schema-Generator und -Validator
JSON-Schema aus Beispieldaten generieren oder JSON gegen ein Schema validieren. Unterstuetzt mehrere Drafts und leitet Typen automatisch ab.
JSON-, Daten- & Formatierungs-Tools
Regex-Tester und Debugger
Testen Sie reguläre Ausdrücke mit Match-Hervorhebung, Erfassungsgruppen und Ersetzungsvorschau. Die gesamte Verarbeitung erfolgt lokal im Browser.
JSON-, Daten- & Formatierungs-Tools
Query-String-Parser und -Builder
Analysieren Sie URL-Query-Strings in Schlüssel-Wert-Tabellen oder erstellen Sie Query-Strings aus Parametern. Erkennt Duplikate und sortiert Parameter.
JSON-, Daten- & Formatierungs-Tools
Unix-Timestamp-Konverter
Konvertieren Sie zwischen Unix-Zeitstempeln und lesbaren Daten mit Zeitzonenunterstuetzung
JSON-, Daten- & Formatierungs-Tools
Cron-Expression-Builder
Erstellen und verstehen Sie Cron-Planausdruecke mit Voreinstellungen oder benutzerdefinierten Feldern
JSON-, Daten- & Formatierungs-Tools
Text-Diff-Checker
Vergleichen Sie zwei Texte zeilenweise oder nebeneinander mit visueller Hervorhebung
JSON-, Daten- & Formatierungs-Tools
Markdown Vorschau-Editor
Geteilter Bildschirm-Markdown-Editor mit Live-GitHub-Flavored-Markdown-Vorschau. Unterstuetzt Ueberschriften, fett/kursiv, Links, Codebloecke, Tabellen und Aufgabenlisten.
Kodierungs-, Hash- & Sicherheits-Tools
Browser-Tools für Kodierung, Hashes, Tokens und Sicherheitsheader, deren Ausgabe vor dem Einsatz geprüft werden kann.
Kodierungs-, Hash- & Sicherheits-Tools
COOP/COEP/CORP Header Builder
Konfiguriere Cross-Origin-Isolation-Header für SharedArrayBuffer, WASM und Sicherheit.
Kodierungs-, Hash- & Sicherheits-Tools
CORS Header Generator
Erstelle CORS-HTTP-Header für jede Origin-, Methoden- und Credential-Konfiguration.
Kodierungs-, Hash- & Sicherheits-Tools
CSP Hash Generator
Erstelle CSP-Hash-Werte für Inline-Skripte und -Styles. Hashe exakten Code mit SHA-256, SHA-384 oder SHA-512.
Kodierungs-, Hash- & Sicherheits-Tools
HTML Sanitizer Config Builder
Erstelle Sanitizer-API- und DOMPurify-Allowlist-Konfigurationen für sicheres HTML-Rendering.
Kodierungs-, Hash- & Sicherheits-Tools
security.txt Generator & Validator
Erstelle und validiere security.txt-Dateien nach RFC 9116 mit Hosting-Anleitung.
Kodierungs-, Hash- & Sicherheits-Tools
SRI Hash Generator
Erstelle Subresource-Integrity-Hashes für Skript- und Stylesheet-Dateien mit SHA-256, SHA-384 oder SHA-512.
Kodierungs-, Hash- & Sicherheits-Tools
VAPID Key Generator
Erstelle ein VAPID-Schlüsselpaar für Web-Push-Benachrichtigungen mit der Web Crypto API.
Kodierungs-, Hash- & Sicherheits-Tools
Iframe-Sandbox-und-Allow-Generator
Generiere sicheres Iframe-Markup mit Sandbox-Flags und Allow-Berechtigungen nach Embed-Typ.
Kodierungs-, Hash- & Sicherheits-Tools
Permissions-Policy-Header-Generator
Generiere einen Permissions-Policy-HTTP-Header zur Kontrolle des Browser-Feature-Zugriffs auf deiner Website.
Kodierungs-, Hash- & Sicherheits-Tools
CSP-Starter-Policy-Generator
Generiere einen Content-Security-Policy-Header für statische Sites mit CDN-, Analyse-, Schrift- und Embed-Optionen.
Kodierungs-, Hash- & Sicherheits-Tools
Referrer-Policy-Tag-Generator
Generiere einen Referrer-Policy-Header oder Meta-Tag zur Kontrolle der Referrer-Informationen.
Kodierungs-, Hash- & Sicherheits-Tools
Trusted Types Policy Generator
Generieren Sie Trusted Types-Richtlinien und CSP-Header, um DOM-basierte XSS durch typisierte Werte fur gefahrliche DOM-Senken zu verhindern.
Kodierungs-, Hash- & Sicherheits-Tools
Uint8Array Base64/Hex Konverter
Generieren Sie Code-Snippets mit Uint8Array.toBase64(), .toHex(), .fromBase64() und .fromHex() fur native binare Kodierung.
Kodierungs-, Hash- & Sicherheits-Tools
JWT-Decoder und Claims-Inspektor
Dekodieren Sie JWT-Tokens, um Header, Payload-Claims und Zeitstempel zu überprüfen. Die gesamte Dekodierung erfolgt lokal – kein Token wird an einen Server gesendet.
Kodierungs-, Hash- & Sicherheits-Tools
Base64-Encoder und -Decoder
Kodieren Sie Text in Base64 oder dekodieren Sie Base64 zurück in Text. Unterstützt URL-sichere Base64-Variante. Die gesamte Verarbeitung erfolgt lokal.
Kodierungs-, Hash- & Sicherheits-Tools
URL-Encoder und -Decoder
Kodieren oder dekodieren Sie URL-kodierte Zeichenfolgen. Unterstützt sowohl encodeURIComponent (vollständig) als auch encodeURI (URL-sicher) Modi.
Kodierungs-, Hash- & Sicherheits-Tools
UUID-Generator
Generieren Sie UUID-v4-(Zufalls-) oder v7-(zeitlich geordnete) Identifikatoren mit konfigurierbaren Optionen
Kodierungs-, Hash- & Sicherheits-Tools
Hash- und HMAC-Generator
Generieren Sie kryptografische Hashes und HMAC-JavaScript-Code mit der Web Crypto API
Bilder-, SVG- & Asset-Tools
Lokale Hilfen für Icons, Bild-Markup, Asset-Pfade und Dateien statischer Websites.
Bilder-, SVG- & Asset-Tools
PWA Maskable Icon Safe Zone Generator
Lade ein App-Icon hoch und zeige die PWA-Maskable-Safe-Zone mit Overlay-Vorschau an.
Bilder-, SVG- & Asset-Tools
Favicon-HTML-Tag-Generator
Erzeuge Favicon- und Web-App-Icon-Tags für statische Websites.
Bilder-, SVG- & Asset-Tools
Responsive-Image-Markup-Generator
Erzeuge img- oder picture-Markup mit srcset, sizes, width, height und Alt-Text.
Bilder-, SVG- & Asset-Tools
Web-App-Manifest-Generator
Generiere eine site.webmanifest-JSON-Datei für PWA-fahige statische Websites.
Bilder-, SVG- & Asset-Tools
Web App Manifest Validator
Validiere ein Web-App-Manifest-JSON gegen die W3C-Spezifikation mit Installierbarkeits-Checkliste.
Bilder-, SVG- & Asset-Tools
QR-Code-Generator
Generieren Sie QR-Codes als SVG fuer URLs, Text, E-Mail, Telefon und WLAN. Anpassbare Farben und Groesse mit SVG-Code-Ausgabe.
Bilder-, SVG- & Asset-Tools
Bildkompressor und -konverter
Komprimieren und konvertieren Sie Bilder lokal mit der Canvas-API. Groessenanpassung, JPEG/PNG/WebP-Ausgabe und Qualitaetsregelung. Kein Upload.
Bilder-, SVG- & Asset-Tools
SVG-Optimierer
Optimieren Sie SVG-Dateien durch Entfernen von Kommentaren, Metadaten und Leerraum. Zeigt Groessenvergleich vorher/nachher. Lokale Verarbeitung.
Bilder-, SVG- & Asset-Tools
SVG-zu-CSS-Daten-URI-Konverter
Konvertieren Sie SVG-Markup in CSS-Daten-URIs. URL-kodierte und Base64-Optionen mit Live-Vorschau.
SEO- & Web-Publishing-Tools
Browser-Tools für Metadaten, Indexierung, Canonicals, Social Previews und Launch-Checks.
SEO- & Web-Publishing-Tools
AI-Crawler robots.txt Builder
Erstelle robots.txt-Regeln für KI-Crawler mit offenen, selektiven oder strikten Vorlagen.
SEO- & Web-Publishing-Tools
Hreflang Sitemap Builder
Erstelle XML-Sitemap-Einträge mit hreflang-Alternates für mehrsprachige Seiten.
SEO- & Web-Publishing-Tools
Hreflang-Tag-Generator
Erzeuge saubere hreflang-Tags für mehrsprachige statische Websites.
SEO- & Web-Publishing-Tools
llms.txt Validator
Validiere llms.txt-Dateien gemäß der Spezifikation auf H1, Blockquote, Abschnitte und Markdown-Links.
SEO- & Web-Publishing-Tools
Open-Graph- und Twitter-Card-Builder
Erstelle Social-Preview-Meta-Tags für Beitrage und statische Seiten.
SEO- & Web-Publishing-Tools
OpenSearch Description Generator
Erstelle eine OpenSearch-Beschreibungs-XML und einen HTML-Link-Tag für die Browser-Suchleiste.
SEO- & Web-Publishing-Tools
SEO-Checkliste für statische Websites
Erzeuge eine praktische SEO-Checkliste vor dem Launch einer statischen Website.
SEO- & Web-Publishing-Tools
Robots-Meta-Tag-Generator
Erzeuge Robots-Meta-Tags ohne die Direktiven auswendig zu kennen.
SEO- & Web-Publishing-Tools
Canonical-URL-Tag-Generator
Erzeuge Canonical-Link-Tags für statische Seiten und Blogbeiträge.
SEO- & Web-Publishing-Tools
llms.txt-Generator
Erstelle eine llms.txt-Datei für KI-Such- und Antwortmaschinen.
SEO- & Web-Publishing-Tools
robots.txt-Builder
Erstelle eine einfache robots.txt-Datei mit Sitemap- und Crawler-Regeln.
SEO- & Web-Publishing-Tools
JSON-LD-Starter-Builder
Generiere Starter-JSON-LD für WebSite, Organization, Article, FAQ oder BreadcrumbList.
SEO- & Web-Publishing-Tools
URL-Slug-Generator
Wandle Titel in saubere, kleingeschriebene, mit Bindestrichen getrennte URL-Slugs um.
SEO- & Web-Publishing-Tools
Lesezeit-Schatzer
Berechne die geschatzte Lesezeit aus Wortanzahl und einstellbarer Lesegeschwindigkeit.
SEO- & Web-Publishing-Tools
Viewport-Meta-Tag-Generator
Erstelle komplette Viewport-Meta-Tags plus Theme-Color und Apple-Touch-Icon-Links.
SEO- & Web-Publishing-Tools
Statischer-Sitemap-XML-Builder
Füge eine URL-Liste ein und erhalte eine vollstandige sitemap.xml für statisches Hosting und GitHub Pages.
SEO- & Web-Publishing-Tools
Markdown-Front-Matter-Generator
Generiere YAML-Front-Matter-Blocke für Jekyll, Hugo, Astro, 11ty und andere Static-Site-Generators.
SEO- & Web-Publishing-Tools
Inhaltsverzeichnis-Anker-Generator
Füge HTML-Überschriften ein und erhalte ein verschachteltes Inhaltsverzeichnis mit Ankerlinks.
SEO- & Web-Publishing-Tools
RSS-Feed-Starter-Generator
Generiere einen vollstandigen RSS-2.0-XML-Feed für deinen statischen Blog.
SEO- & Web-Publishing-Tools
JSON-Feed-Starter-Generator
Generiere eine JSON-Feed-Datei für deinen statischen Blog als moderne Alternative zu RSS.
SEO- & Web-Publishing-Tools
X-Robots-Tag Header Generator
Erstelle X-Robots-Tag-HTTP-Header und Robots-Meta-Tags für Nicht-HTML-Dateien wie PDFs und Bilder.
GitHub-Pages- & Deployment-Tools
Tools für Custom Domains, statisches Publishing, Launch-Checks und GitHub-Pages-Wartung.
GitHub-Pages- & Deployment-Tools
Assetlinks & AASA Generator
Erstelle Android assetlinks.json und Apple App Site Association für Deep Links.
GitHub-Pages- & Deployment-Tools
Cache-Control Header Builder
Erstelle korrekte Cache-Control-HTTP-Header für statische Assets, HTML-Seiten und sensible Inhalte.
GitHub-Pages- & Deployment-Tools
HTTP Header Parser & Erklärer
Füge rohe HTTP-Response-Header ein und erhalte eine gruppierte, verständliche Erklärung jedes Headers.
GitHub-Pages- & Deployment-Tools
GitHub Pages CNAME Helper
Erzeuge CNAME-Inhalt und DNS-Hinweise für eine GitHub-Pages-Domain.
GitHub-Pages- & Deployment-Tools
Redirect Map Converter
Konvertiere eine CSV-Weiterleitungstabelle in Netlify, Vercel, Apache oder Nginx Redirect-Formate.
GitHub-Pages- & Deployment-Tools
GitHub-Pages-SPA-404-Helfer
Erstelle einen 404.html-Fallback für Single-Page-Apps auf GitHub Pages.
GitHub-Pages- & Deployment-Tools
DNS-Record-Kurzreferenz
Gib eine Domain ein und erhalte Beispiel-A-, AAAA-, CNAME-, MX- und TXT-Records.
GitHub-Pages- & Deployment-Tools
GitHub-Pages-Workflow-Generator
Generiere eine GitHub-Actions-Workflow-YAML zum Deployen statischer Sites auf GitHub Pages.
GitHub-Pages- & Deployment-Tools
No-JS-Weiterleitungsseiten-Generator
Generiere eine vollstandige HTML-Weiterleitungsseite mit dem Meta-Refresh-Tag ohne JavaScript.
GitHub-Pages- & Deployment-Tools
Statischer-404-Seiten-Template-Generator
Generiere eine freundliche 404-Fehlerseite mit Navigationslinks für statische Websites und GitHub Pages.
GitHub-Pages- & Deployment-Tools
Zstandard Compression Header Helfer
Generieren Sie Server-Konfiguration fur Zstandard-Kompression mit gzip/brotli-Fallback fur Nginx, Apache, Cloudflare und Netlify.
JavaScript- & Web-API-Tools
Browser-Tools und Codebausteine für moderne JavaScript-Funktionen, Web-APIs und Laufzeitdiagnosen.
JavaScript- & Web-API-Tools
Speculation-Rules-Generator
Generiere Speculation-Rules-JSON zum Prerendering und Prefetching von Seiten in Chrome und Edge.
JavaScript- & Web-API-Tools
Navigation API Router Snippet Generator
Generieren Sie JavaScript-Routing-Snippets mit der Navigation API fur SPAs ohne History-API.
JavaScript- & Web-API-Tools
Service Worker Modul-Template Generator
Generieren Sie ES-Modul-Service-Worker-Templates mit Cache-Strategien, Precache-Liste und Offline-Unterstutzung.
JavaScript- & Web-API-Tools
Reporting API Header Generator
Generieren Sie Report-To- und Reporting-Endpoints-HTTP-Header fur Browser-Berichte, CSP-Verstoße und Network Error Logging.
JavaScript- & Web-API-Tools
URLPattern Tester
Testen Sie URL-Muster mit der URLPattern-API — benannte Gruppen, Wildcards und Regex-Abgleich ohne manuelles Parsen.
JavaScript- & Web-API-Tools
scrollend Event Snippet Generator
Generieren Sie scrollend-Event-Handler, die nach vollstandigem Scrollen mit Momentum/Inertia auslosen, mit Debounce-Vergleich.
JavaScript- & Web-API-Tools
PerformanceObserver Snippet Generator
Generieren Sie PerformanceObserver-Code fur Core Web Vitals (LCP, INP, CLS) mit good/needs-improvement/poor-Schwellenwerten.
JavaScript- & Web-API-Tools
RegExp.escape() Helfer
Generieren Sie RegExp.escape()-Aufrufe zum Escapen von Sonderzeichen in Strings fur sichere dynamische Regex-Muster.
JavaScript- & Web-API-Tools
Intl.DurationFormat Generator
Generieren Sie Intl.DurationFormat-Code fur lokalisierte Zeitdauerformatierung mit long/short/narrow/digital Stilen.
JavaScript- & Web-API-Tools
Custom Highlights API Generator
Generieren Sie CSS ::highlight() und JavaScript Highlight-Objekte zur Stilisierung von Textbereichen ohne DOM-Anderungen.
JavaScript- & Web-API-Tools
WebTransport URL Template Helfer
Generieren Sie WebTransport-Verbindungssnippets uber HTTP/3 (QUIC) mit bidirektionalen Streams und Datagrammen.