Tools
Ausführliche Anleitungen, Funktionsbeschreibungen, Anwendungsbeispiele und Tipps zu allen kostenlosen JPKCom-Developer-Tools — pro Tool eine Übersicht plus Manual, Beispiele und Tipps & Tricks, jeweils mit direktem Link zum Live-Tool.
Die JPKCom-Tools, ausführlich erklärt
Hier findest du zu jedem der kostenlosen JPKCom-Developer-Tools eine redaktionelle Begleitung: eine Übersicht mit ausführlichem Intro, eine vollständige Funktionsbeschreibung (Manual), praxisnahe Anwendungsbeispiele und gesammelte Tipps & Tricks — pro Tool eine eigene Übersichtsseite mit Unterseiten, jeweils mit direktem Link zum Live-Tool.
Die Tools sind nach Einsatzgebiet gruppiert. Wähle ein Tool aus der Liste.
Code & Text
-
Beautify
JavaScript, CSS, HTML und JSON im Browser formatieren und gepackten Code ohne Ausführung entpacken — der Einstieg zu Manual, Beispielen und Tipps.
-
Cheat Sheets
220 Cheat-Sheets für CLI-Tools und Webentwicklung im Browser: ein Sheet oder alle durchsuchen, Befehle kopieren, Abschnitte per Deep-Link teilen.
-
Coder
Encode und Decode für HTML, URL, Base64, JSON, Unicode, Hex, Punycode und Quoted-Printable, JWT samt Signaturprüfung, Data-URIs — alles im Browser.
-
Compiler
Was der Compiler kann: SCSS und Sass mit Dart Sass zu CSS kompilieren, HTML, JavaScript und CSS minifizieren und beautifien — alles im Browser.
-
Convertor PRO
Convertor PRO: Text live in 13 Kodierungen (Entities, Unicode, UTF-8, NCRs) und Daten zwischen JSON, YAML, TOML, XML und INI — JSON-Zahlen bleiben ziffergenau.
-
CSV Editor
Was der CSV Editor kann, für wen er gedacht ist und wie Import, Tabellen-Editor und Export zusammenspielen — der Einstieg zu Manual, Beispielen und Tipps.
-
JSON Editor
Was der JSON Editor kann: JSON formatieren, reparieren, gegen ein JSON Schema prüfen und transformieren — große Zahlen bleiben exakt, fast alles im Browser.
-
Lorem Ipsum
Blindtext in Latein, Englisch oder Deutsch als Plain Text, Markdown oder HTML — exakt nach Absätzen, Sätzen, Wörtern oder Zeichen, live im Browser.
-
Markdown Editor
Was der Markdown-Editor von JPKCom kann: Live-Vorschau, GitHub Flavored Markdown, KaTeX, Mermaid und Export — der Einstieg zu Manual, Beispielen und Tipps.
-
Playground
HTML-, CSS/SCSS- und JavaScript-Editor mit Live-Vorschau im Browser: SCSS per Dart Sass, Bootstrap-Assets, Snippets, Export und optionaler PHP-8.4-Modus.
-
Regex Debugger
Was der Regex Debugger kann: Muster live testen, ersetzen und splitten, in Worten erklären lassen und als JavaScript-, PHP- oder Python-Code exportieren.
-
Source Viewer
Was der Source Viewer kann: Code-Editor für 100+ Sprachen, Laden per URL, HTML-Live-Vorschau, Beautify und Minify, HTML zu Markdown — der Einstieg.
-
WP Code Generator
Was der WP Code Generator für WordPress 7.x kann: 33 Generatoren, 40 Snippets, Dateien in Reitern, ZIP-Download und gemeinsame Felder — der Einstieg.
-
WYSIWYG Editor
Rich-Text-Editor auf TipTap-Basis: Markdown-, HTML-, JSON- und PDF-Export, Slash-Menü, Snapshots, HTML-Quelltext — Einstieg zu Manual, Beispielen und Tipps.
Design & Grafik
-
Colors
Farb-Toolkit für Web-Entwickler: Picker mit 14 Formaten, WCAG/APCA-Kontrast und Farbenblindheit, Gradienten, CSS-Schatten und Bildpaletten mit Tailwind-Export.
-
Fonts
Schriften testen und vergleichen: Google Fonts durchsuchen, System-Fonts prüfen, lokale Font-Dateien laden — mit A/B-Vergleich, Glyphen und clamp()-Rechner.
-
GeoPattern
Aus einem Text deterministische geometrische Muster erzeugen, als SVG oder PNG in Wunschgröße exportieren und als CSS-Hintergrund oder Data-URI kopieren.
-
Graphic Editor
Bilder zuschneiden, skalieren und in PNG, JPEG, WebP und AVIF umwandeln — im Browser, mit echter Dateigröße und Metadaten-Anzeige.
-
PDF Tools
PDFs im Browser ansehen, annotieren, erstellen, zusammenführen und teilen — mit Passwort-PDFs, Lesezeichen, Seitenauswahl und Konvertierung nach PDF.
-
Periodic Table (PSE)
Interaktives Periodensystem aller 118 Elemente (DE/EN): Suche, Zustand bei jeder Temperatur, Eigenschaften als Farbskala, Direkt-Links, Molmassen-Rechner.
-
Placeholder Service
Platzhalter-Bilder per URL: PNG, WebP oder JPEG, Retina-tauglich, mit Hex-Farben und Text, der sich selbst ins Bild einpasst — dazu SVG und Data-URI im Browser.
-
Trianglify UI
Low-Poly-Dreieck-Hintergründe im Browser: Paletten oder eigener Verlauf, Stile, Drahtgitter, PNG/JPEG/WebP/SVG, CSS und teilbarer Link. Der Einstieg zur Doku.
KI & SEO
-
SEO & GEO Analyzer
Was der SEO & GEO Analyzer kann, für wen er gedacht ist und wie seine 20 Tabs zusammenspielen — der Einstieg zu Manual, Beispielen und Tipps.
-
Meta Tags Generator
Head-Tags für SEO, hreflang, Open Graph, X Cards, Icons und JSON-LD plus Security-Header für nginx/Apache — mit Vorschau und Prüfhinweisen.
-
robots.txt & Sitemap
robots.txt nach RFC 9309 und XML-Sitemaps erzeugen, Regeln live testen und beide Dateien von jeder URL prüfen — der Einstieg zu Manual, Beispielen und Tipps.
-
llms.txt Generator
Was der llms.txt Generator kann: eine llms.txt nach Spezifikation v2 bauen, live samt Content-Type und Links prüfen, mit Server-Snippets und Referenz.
Sicherheit & Utilities
-
Cryptor (AES-256)
Clientseitige AES-256-GCM-Verschlüsselung von Texten im Browser mit Passwortschutz und PBKDF2 — der Einstieg zu Manual, Beispielen und Tipps.
-
DNS, SSL, Redirect & URL
DNS und Mail-Security prüfen, SSL-Ketten auch bei kaputten Zertifikaten zeigen, Redirects verfolgen, URLs zerlegen, SPF-Records bauen und rekursiv prüfen.
-
Cron Job Helper
Cron-Ausdrücke bauen und prüfen, nächste Läufe in jeder Zeitzone samt Sommerzeit, sichere curl/wget-Web-Crons, CMS- und Docker/DDEV-Rezepte.
-
Docker/Podman Composer
docker run und podman run in eine Compose-Datei umwandeln und zurück in ein Startskript — rein im Browser. Der Einstieg zu Manual, Beispielen und Tipps.
-
IP Tools
IPv4 und IPv6 im Browser: Subnetz-Rechner, Range ↔ CIDR, Adress-Konverter mit Reverse-DNS, ULA-Generator, IANA-Sonderbereiche und deine aktuelle IP.
-
Generator
Passwörter, EFF-Passphrasen, Salts, WordPress- und WLAN-Keys mit QR-Code, .htpasswd-Zeilen und TOTP-Codes — alles im Browser erzeugt.
-
Hash Generator
Was der Hash Generator kann: 20 Hash-Verfahren live, HMAC, SRI, Datei-Prüfsummen und bcrypt/Argon2id/PBKDF2 — alles im Browser, ohne Upload.
-
Mail Header Analyzer
E-Mail-Header im Browser analysieren: Zustellweg und Sende-IP, SPF/DKIM/DMARC je Server, Spam-Filter und Phishing-Hinweise — Einstieg zu Manual und Praxis.
-
PKI Viewer
Zertifikate, Ketten, CSRs, CRLs, Schlüssel, PKCS#12 und signierte P7M/S/MIME-Dateien im Browser prüfen: Fingerprints, Signaturen, Schlüsselabgleich.
-
SSH Proxy
SSH-Tunnel, SOCKS-Proxy, Portweiterleitung, ~/.ssh/config, Verwaltungs-Skripte und Autostart-Configs clientseitig erzeugen — für alle gängigen Plattformen.
-
Info Tools
Was dein Browser verrät: Browser und OS per Client Hints, IP und alle Request-Header, Bildschirm, Media Features, Zeitzone, Uhrabweichung und Berechtigungen.
-
QR
Gestaltete QR-Codes im Browser: URL, WLAN, vCard, Termin, Standort & Co., Punkt-/Eck-Stile, Verläufe, Logo, Scan-Test und Export als SVG/PNG/JPEG/WebP.
-
Time Converter
Unix-Timestamps (s, ms, µs, ns) umrechnen, alle IANA-Zeitzonen, ISO 8601, RFC 2822 und DST-genaue Differenzen — im Browser. Manual, Beispiele, Tipps.
-
UUID-Generator
UUIDs v4, v7, v6, v1, v5 und v3 nach RFC 9562 im Browser erzeugen, bis 10.000 am Stück, jede UUID decodieren und in sieben Formaten ausgeben.