Web- & DevOps-Tools

Web- & DevOps-Tools bündeln die kleinen, wiederkehrenden Hilfsprogramme, zu denen du beim Bauen, Konfigurieren und Bereitstellen von Websites und Diensten greifst. Erzeuge einen vollständigen nginx-Server-Block oder eine Apache-.htaccess mit dem Nginx-Config-Generator und dem .htaccess-Generator, erstelle SEO-Dateien mit dem robots.txt-Generator und dem XML-Sitemap-Generator und setze Repositories mit dem .gitignore-Generator auf. Der Chmod-Rechner wandelt Unix-Rechte zwischen oktalem und symbolischem rwx um, die Referenz für HTTP-Status & MIME-Typen macht Statuscodes und Content-Types durchsuchbar, der Semver-Rechner parst, vergleicht und prüft semantische Versionen gegen Bereiche, und der Open-Graph-Generator baut Social-Meta-Tags mit Live-Karten-Vorschau. Gebaut für Entwickler und DevOps-Ingenieure, läuft jedes Tool in deinem Browser, sodass die Domains, Pfade und Werte, die du eingibst, auf deinem Gerät verarbeitet werden und nichts hochgeladen wird.

• chmod-Rechner — Konvertiere Unix-Dateiberechtigungen zwischen oktal und symbolisch (rwx).
• .gitignore-Generator — Erstelle eine .gitignore aus gängigen Sprach- und Tool-Vorlagen.
• HTTP-Status & MIME-Typen — Durchsuchbare Referenz für HTTP-Statuscodes und MIME-Content-Typen.
• Open-Graph-Generator — Erzeuge Open-Graph- und Twitter-Meta-Tags mit Vorschau der Social-Card.
• robots.txt-Generator — Baue visuell eine robots.txt mit Regeln und Sitemaps.
• XML-Sitemap-Generator — Verwandle eine URL-Liste in eine gültige sitemap.xml.
• .htaccess-Generator — Baue Apache-Regeln für HTTPS, Redirects und Caching.
• Nginx-Config-Generator — Baue einen kompletten nginx-Server-Block aus Schaltern.
• Semver-Rechner — Parse, vergleiche, prüfe Ranges, erhöhe und korrigiere semantische Versionen.
• Cache-Control-Generator — Aus einfachen Schaltern einen korrekten HTTP-Cache-Control-Header bauen, mit nginx-, Apache- und meta-Ausgabe.
• Meta-Tag-Generator — SEO-, Open Graph- und Twitter Card-Meta-Tags aus einem Formular erzeugen.
• CSP-Generator — Einen Content-Security-Policy-Header Direktive für Direktive bauen.
• htpasswd-Generator — Eine .htpasswd-Zeile mit bcrypt oder SHA-1 aus Benutzer und Passwort erzeugen.
• Tailwind Color Generator — Eine Markenfarbe in eine 50-950 Tailwind-Skala in OKLCH mit Kontrast verwandeln.
• CSS Grid Generator — Ein Grid-Layout visuell bauen und sauberes grid-template-CSS kopieren.
• CSS Clamp Calculator — Min-/Max-Größen und Viewports in einen fluiden clamp()-Wert verwandeln.
• Cubic Bezier Generator — Eine CSS-cubic-bezier()-Easing-Kurve ziehen, vorschauen und kopieren.
• Redirect Map Generator — Eine URL-Liste in 301-Regeln für nginx, Apache, Netlify oder Vercel verwandeln.
• JSON-LD Generator — Baue gültiges schema.org-JSON-LD als einsatzbereites Script-Tag.
• Query String zu JSON — Wandle einen URL-Query-String in schönes JSON und wieder zurück.
• HTML zu JSX — Wandle HTML in gültiges React-JSX um — class wird zu className, void-Tags selbstschließend.
• CSS Gradient Generator — Lineare, radiale und konische Verläufe mit Live-Farbstopps gestalten.
• CSS Box-Shadow-Generator — Geschichtete CSS-Schatten mit Live-Vorschau erstellen
• Border-Radius-Generator — Erstelle CSS border-radius einfach, pro Ecke oder als Blob mit Live-Vorschau
• .editorconfig-Generator — Erstellen Sie eine .editorconfig mit Einrückung, Zeichensatz und Zeilenumbruch.
• Seitenverhältnis-Rechner — Verhältnisse kürzen, fehlende Maße lösen, CSS-Ausgabe.

Häufig gestellte Fragen

Was kann ich mit diesen Web- & DevOps-Tools machen?

Du kannst einen nginx-Server-Block oder eine Apache-.htaccess erzeugen, eine robots.txt und eine XML-Sitemap bauen, eine .gitignore zusammenstellen, chmod-Rechte zwischen oktalem und symbolischem rwx umwandeln, HTTP-Statuscodes und MIME-Typen nachschlagen, Semver-Bereiche durcharbeiten und Open-Graph- und Twitter-Meta-Tags erstellen — die alltäglichen Aufgaben beim Bauen, Konfigurieren und Bereitstellen von Webprojekten.

Welche Server-Config-Formate erzeugen diese Tools?

Der Nginx-Config-Generator baut einen vollständigen Server-Block für statische Sites oder Reverse-Proxys mit optionalem SSL, gzip und Caching, während der .htaccess-Generator Apache-Regeln für HTTPS- und www-Weiterleitungen, 301er, Kompression, Caching und Sicherheits-Header erzeugt. Beide aktualisieren live und lassen dich die Datei kopieren oder herunterladen.

Kann ich hier robots.txt- und sitemap.xml-Dateien erstellen?

Ja. Der robots.txt-Generator lässt dich User-Agent-Gruppen mit allow/disallow-Pfaden, crawl-delay und Sitemap-Zeilen bauen, und der XML-Sitemap-Generator verwandelt eine Liste von URLs in eine standardkonforme sitemap.xml mit optionalem lastmod, changefreq und priority — beide kopier- oder herunterladbar.

Sind diese Web- & DevOps-Tools sicher zu nutzen?

Ja. Jedes Tool läuft in deinem Browser, sodass Konfigurationen, Rechte, Ignore-Vorlagen, URLs und Meta-Werte auf deinem Gerät verarbeitet werden. Nichts wird hochgeladen, was bedeutet, dass interne Domains, Pfade und IP-Adressen bei dir bleiben.

Funktionieren die Web- & DevOps-Tools offline?

Sobald die Seite geladen ist, laufen die Tools auf dem Client, sodass die Config-Generatoren, der Chmod-Rechner, die HTTP-Referenz, der Semver-Rechner und der Open-Graph-Generator ohne aktive Verbindung weiterarbeiten. Deine Eingaben werden lokal berechnet statt an ein Backend gesendet.

Für wen sind diese Web- & DevOps-Tools gebaut?

Sie sind für Entwickler, DevOps- und Plattform-Ingenieure und Website-Betreiber gebaut, die Web-Infrastruktur verdrahten — alle, die eine Server-Config erzeugen, SEO-Dateien produzieren, Dateirechte setzen, über Versionen nachdenken oder Seiten fürs Teilen vorbereiten müssen, ohne zum Terminal oder zu einer halb erinnerten Referenz zu wechseln.