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