Portfolio | Jean Pierre Kolb

JPKCom Developer Tools

Unter jpkc.com/tools/ stelle ich eine umfangreiche Sammlung von über 40 kostenlosen, browserbasierten Entwickler-Tools bereit. Der Tech-Stack basiert auf PHP 8.3, Bootstrap 5, jQuery 4 und modernem JavaScript. Alle Tools laufen vollständig im Browser — es werden keine Daten an einen Server gesendet. Die Verarbeitung geschieht ausschließlich clientseitig, was maximalen Datenschutz gewährleistet.

Einige Tools benötigen für bestimmte Funktionen (z. B. DNS-Abfragen, SSL-Zertifikatsprüfung, SEO-Analyse) Zugriff auf externe Ressourcen. Dafür habe ich einen eigenen Proxy entwickelt — siehe Abschnitt Proxy weiter unten.

Code und Text

Beautify: JavaScript, CSS und HTML formatieren, verschönern und deobfuskieren. JSON und JSONP lesbar machen.
Cheat Sheets: 202 Spickzettel für CLI-Tools, Paketmanager und Webentwicklung. Befehle durchsuchen und mit einem Klick kopieren.
Coder: HTML-Entities, URLs, Base64, JSON-Strings, JWT und Data-URIs enkodieren und dekodieren.
Compiler: SASS/SCSS zu CSS kompilieren, HTML, JavaScript und CSS formatieren und minifizieren. Split-View-Editoren mit Upload und Download.
Convertor PRO: Konvertierung zwischen HTML/XML, JavaScript-/CSS-Escapes, Unicode, UTF-8, UTF-16, Hexadezimal, URI-Kodierung und Datenformate (YAML, JSON, TOML, XML).
CSV Editor: CSV-Dateien öffnen, bearbeiten und exportieren. Tabellenkalkulations-Editor mit automatischer Trennzeichen-Erkennung.
JSON Editor: Moderner JSON-Editor mit Baum-, Tabellen- und Code-Ansicht. JSON-Daten formatieren, validieren, reparieren und transformieren.
Lorem Ipsum: Platzhaltertext auf Latein, Englisch oder Deutsch generieren. Länge nach Absätzen, Wörtern oder Zeichen wählen.
Markdown Editor: Markdown schreiben mit Live-Vorschau, synchronisiertem Scrollen, GitHub Flavored Markdown und HTML-Export.
Playground: Interaktiver HTML-, CSS/SCSS- und JavaScript-Editor mit Live-Vorschau, Bootstrap/jQuery-Assets und Speicherslots.
Regex Debugger: Reguläre Ausdrücke testen und debuggen mit Echtzeit-Matching, Flag-Unterstützung und integriertem Spickzettel.
Source Viewer: Code-Editor mit Syntaxhervorhebung für über 100 Sprachen, Code-Formatierung, URL-Import und HTML-zu-Markdown-Konvertierung.
WP Code Generator: WordPress-Boilerplate-Code generieren für Plugins, Themes, Blöcke, Hooks, CPTs, Taxonomien, Meta-Felder und Einstellungsseiten.
WYSIWYG Editor: Rich-Text-Editor basierend auf TinyMCE mit HTML5 Local Storage. HTML-Inhalte visuell im Browser erstellen und bearbeiten.

Design und Grafik

Colors: Farbwähler und Bild-Farbschema-Generator. Farbpaletten aus Bildern extrahieren.
Fonts: Basis-Schriftarten, Google Fonts und eigene Schriftdateien in Echtzeit vergleichen und testen.
GeoPattern: Geometrische SVG-Muster aus beliebigen Textzeichenfolgen generieren.
Graphic Editor: HTML5-Bildeditor zum Zuschneiden, Skalieren und Konvertieren. Export als PNG, JPEG, WebP und AVIF.
PDF Tools: PDF-Dateien im Browser erstellen, anzeigen, bearbeiten, zusammenführen und aufteilen. Annotieren, markieren, zeichnen und Text extrahieren.
Periodensystem (PSE): Interaktives Periodensystem aller 118 Elemente mit Kategoriefilter, Suche und detaillierten Elementdaten.
Placeholder Generator: Platzhalterbilder mit konfigurierbaren Abmessungen, Farben und Text generieren. Vorlagen für Social Media und Webbanner.
Trianglify UI: Algorithmisch erzeugte Low-Poly-Dreiecksmuster als Hintergrundgrafiken generieren.

KI und SEO

llms.txt Generator: llms.txt-Dateien für Webseiten generieren. Der vorgeschlagene Standard hilft KI-Sprachmodellen, Webinhalte zu verstehen.
Meta Tags Generator: Meta-Tags generieren: Open Graph, Twitter/X Cards, Mobile, Sicherheit, Performance und strukturierte Daten (JSON-LD) mit Live-Vorschau.
robots.txt und Sitemap: robots.txt (mit User-Agent-Regeln, KI-Bot-Blocking) und sitemap.xml generieren.
SEO- und GEO-Analyzer: Umfassende SEO- und GEO-Analyse: HTTP-Header, SSL-Zertifikate, Redirect-Ketten, Meta-Tags, Links, Bilder, strukturierte Daten, Barrierefreiheit, robots.txt und KI-Bereitschaftsbewertung.

Sicherheit und Werkzeuge

Cryptor: AES-256-Bit-Verschlüsselung und -Entschlüsselung von Textnachrichten. Clientseitige Verschlüsselung mit Passwortschutz.
DNS, SSL, Redirect und URL: DNS-Einträge prüfen (inkl. DKIM), SSL-Zertifikate analysieren, HTTP-Weiterleitungen verfolgen, URLs parsen und SPF-Einträge generieren.
Cron Job Helper: Visueller Cron-Ausdruck-Builder mit Vorlagen und Vorschau der nächsten Ausführung. Einrichtungsanleitungen für WordPress, TYPO3, Drupal, Laravel, Docker und DDEV.
Docker/Podman Composer: docker run- und podman run-Befehle in Docker Compose YAML konvertieren und umgekehrt.
IP Tools: IPv4- und IPv6-Werkzeuge: eigene IP erkennen, Subnetze berechnen, IP-Formate konvertieren, IPv6-ULA-Präfixe generieren.
Generator: Passwörter, Salt- und Sicherheitsschlüssel, BCrypt/Argon2-Hashes und TOTP-Einmalpasswörter mit QR-Code generieren.
Hash Generator: MD5-, SHA-1-, SHA-256-, SHA-384-, SHA-512-, SHA-3- und RIPEMD-160-Hashes mit HMAC-Unterstützung generieren.
Info Tools: Browser-Informationen, HTTP-Header, IP-Adresse, installierte Plugins und HTML5/CSS3-Fähigkeiten anzeigen.
Mail Header Analyzer: E-Mail-Header (RFC 5322) parsen und visualisieren. Zustellrouten verfolgen, SPF/DKIM/DMARC-Authentifizierung prüfen.
PKI Viewer: X.509-Zertifikate, PKCS#7/P7M, PKCS#12/PFX, CSR und Schlüssel inspizieren. Details anzeigen, Gültigkeit prüfen und P7M-Inhalte extrahieren.
SSH Proxy: SSH-Tunnel-, SOCKS-Proxy- und Port-Forwarding-Befehle generieren. Konfigurationen und Anleitungen für Linux, macOS, Windows, BSD und WSL.
QR-Code-Generator: QR-Codes aus Text, URLs oder anderen Daten generieren mit konfigurierbarer Größe und Fehlerkorrektur.
Time Converter: Internationale Zeitformate anzeigen und Unix-Zeitstempel in lesbare Datumsangaben konvertieren und umgekehrt.
UUID Generator: RFC-4122-konforme UUIDs in verschiedenen Formaten generieren.

Localproxy — Proxy für JPKCom Developer Tools

Einige der oben genannten Tools benötigen Zugriff auf externe Ressourcen, z. B. für DNS-Abfragen, SSL-Zertifikatsprüfungen oder SEO-Analysen. Browser-Sicherheitsrichtlinien (CORS) verhindern solche Zugriffe normalerweise. Dafür habe ich einen eigenen, leichtgewichtigen HTTP-Proxy in reinem Go geschrieben — ohne externe Abhängigkeiten, als einzelne Datei (main.go):

github.com/JPKCom/proxy-jpkcom-dev-tools

Funktionsweise: Der Proxy läuft als eigenständige Binärdatei auf deinem Rechner und bindet ausschließlich an 127.0.0.1. Alle Anfragen erfordern eine Token-Authentifizierung pro Sitzung über den X-Proxy-Token-Header. Ein integrierter SSRF-Schutz verhindert Zugriffe auf private IP-Bereiche durch DNS-Auflösungsprüfung.
Endpunkte: /proxy — HTTP/HTTPS-Anfragen mit Streaming weiterleiten
/inspect — Verbindungsmetadaten als JSON zurückgeben: SSL-Zertifikatsketten, TLS-Versionen, IP-Adressen, Header und millisekunden-genaues Connection-Profiling (DNS-Lookup, TCP-Connect, TLS-Handshake, TTFB)
/page — Umfassende Seitenanalyse in einer einzigen Anfrage: folgt Redirect-Ketten serverseitig mit Metadaten pro Hop (Timing, IP, Header), liefert SSL-Details, Body-Inhalt und Performance-Timing
/ping und /version — Statusprüfung und Versionsinformation
Sicherheit und Konfiguration: Konfigurierbarer Origin-Filter für den Produktionseinsatz, konfigurierbare DNS-Server (Standard: Cloudflare und Google), einstellbare Timeout- und Antwortgrößen-Limits (Standard: 50 MB). Kategorisierte JSON-Fehlerantworten für verschiedene Fehlertypen (DNS, TLS, Verbindung, Timeout).
Datenschutz: Durch die lokale Ausführung auf 127.0.0.1 verlassen keine Daten deinen Rechner über Dritte. Der Proxy fungiert als direkter Vermittler zwischen deinem Browser und dem Zielserver — ohne externe Cloud-Dienste oder Zwischenserver.
Plattformen: Linux, macOS, Windows und BSD-Varianten
Auch anderweitig einsetzbar: Obwohl der Proxy für die JPKCom Developer Tools entwickelt wurde, ist er universell verwendbar — überall dort, wo du einen lokalen, authentifizierten HTTP-Proxy mit SSL-Inspektion und Connection-Profiling brauchst.

GitHub-Repositories

Eine Auswahl meiner Open-Source-Projekte auf GitHub, sortiert nach Kategorien. Mein vollständiges Profil findest du unter:
github.com/JPKCom

Proxy

proxy-jpkcom-dev-tools: Lokaler HTTP-Proxy in Go für browserbasierte Entwickler-Tools. Ermöglicht DNS-Abfragen, SSL-Analysen und Seiteninspektion unter Umgehung von CORS-Einschränkungen. Siehe Details oben.

WordPress-Plugins — Inhalte und Darstellung

Alle Plugins erfordern PHP 8.3+ und WordPress 6.9+, nutzen Strict Typing und werden über automatische GitHub-basierte Updates mit SHA256-Prüfsummen aktualisiert.

jpkcom-post-filter: Facettierte Navigation und Filterung von Beiträgen, Seiten und Custom Post Types über WordPress-Taxonomien. SEO-freundliche URLs mit Filterstatus im Pfad, AJAX-Filterung mit history.pushState und No-JS-Fallback. Vier Filter-Layouts (horizontale Leiste, Spalten, Sidebar, Dropdown), drei Listen-Layouts (Cards, Zeilen, Minimal). Native Gutenberg-Blöcke, Elementor-Widgets und Oxygen Builder-Elemente. Vier-Stufen-Caching (Object Cache, Transients, APCu, PHP-Datei-Cache). Volle Barrierefreiheit mit aria-live-Regionen und aria-pressed-Toggles. Keine Abhängigkeiten — kein ACF, Bootstrap oder jQuery erforderlich.
jpkcom-acf-jobs: Stellenanzeigen- und Bewerbungsmanagement-Plugin für ACF Pro. Drei Custom Post Types (Stellen, Standorte, Unternehmen) mit hierarchischer Organisation. Flexible Stellentypen (Vollzeit, Teilzeit, Vertrag, Praktikum). Schema.org-JobPosting-Integration für Google for Jobs. WPML-Unterstützung, Template-Override-System und Bootstrap 5-kompatibel.
jpkcom-acf-references: Referenzgalerie-Plugin für ACF Pro mit interaktiver clientseitiger Filterung und animierten Übergängen. Drei Custom Post Types (Referenzen, Standorte, Kunden). Bildergalerie mit Lightbox-Modal und Tastaturnavigation. Mehrere Layout-Optionen (Liste, Card-Grid, Bild-Overlay). WPML-Unterstützung, prefers-reduced-motion-kompatibel und Bootstrap 5-kompatibel.
jpkcom-simple-lang: Leichtgewichtige Sprachauswahl pro Beitrag, die die seitenweite Spracheinstellung im Frontend überschreibt. Nutzt das WordPress-Core-Sprachsystem, aktualisiert automatisch das lang-Attribut im HTML, generiert hreflang-Meta-Tags für SEO. Kompatibel mit Yoast, Rank Math und Oxygen Builder. Multisite-fähig.
jpkcom-fa-svg-plugin: Shortcode-Plugin zum Einbetten von Font Awesome Pro (v5.15.4) als Inline-SVG. Unterstützt alle Icon-Typen (Solid, Light, Regular, Duotone, Brands), CSS-Klassen, Styles sowie title- und ARIA-Label für Barrierefreiheit. Funktioniert in Menüs, Gutenberg und per do_shortcode(). Multisite-fähig.
jpkcom-gutenberg-img-alt: Synchronisiert Alt-Attribute von Bildern im Gutenberg-Block-Editor automatisch mit den Metadaten der Mediathek. Dynamische Aktualisierung über Regex — stellt sicher, dass Alt-Texte immer aktuell sind, auch wenn sie nachträglich in der Mediathek geändert werden. Fördert SEO und Barrierefreiheit.

WordPress-Plugins — Sicherheit

jpkcom-hide-login: Benennt die Standard-Login-URL (wp-login.php) auf einen benutzerdefinierten Slug um. Integrierter Brute-Force-Schutz mit konfigurierbaren Schwellenwerten (maximale Versuche, Zeitfenster, Sperrdauer). IP-Whitelist mit CIDR-Unterstützung, WP-CLI-Kommandos und Multisite-Support. WooCommerce-kompatibel, REST-API-sicher, keine Core-Modifikationen.
jpkcom-disable-xmlrpc: Deaktiviert WordPress XML-RPC global: leert die Methodenliste via Filter und blockiert den direkten Zugriff auf xmlrpc.php mit einem 403-Fehler. Schützt vor automatisierten Angriffen auf die XML-RPC-Schnittstelle.
jpkcom-disable-comments: Deaktiviert die WordPress-Kommentarfunktion vollständig seitenweit: entfernt UI-Elemente aus dem Admin-Bereich, Menüs, der Admin-Leiste und dem Dashboard, deaktiviert Trackbacks, leert Kommentar-Arrays und entfernt die REST-API-Kommentar-Endpunkte.
jpkcom-argon2: Aktiviert den ARGON2ID-Algorithmus für alle WordPress-Passwort-Hashes. Ersetzt das Standard-Hashing durch den moderneren und sichereren Argon2id-Algorithmus. Multisite-fähig, keine Konfiguration nötig.

Social-Media-Profile

Mastodon: JPKCom@mastodon.social — Fediverse-Profil
GitHub: JPKCom@GitHub — Open-Source-Projekte und Code-Repositories
GitLab: JPKCom@GitLab — weitere Code-Repositories
Drupal: JPKCom@Drupal — Drupal-Community-Profil
XING: Business-Netzwerk-Profil
LinkedIn: Internationales Business-Netzwerk-Profil
Google Business: Google-Unternehmensprofil
Gravatar: Globales Avatar- und Profil bei WordPress/Gravatar

Logos und Grafiken

SVG-Grafiken zum Download.

/img/JPK.svg: 1260 × 1260 · 69 KB · image/svg+xml
/img/JPKCode.svg: 2764 × 996 · 59 KB · image/svg+xml
/img/JPKCom.svg: 410 × 410 · 1,6 KB · image/svg+xml
/JPKCom.svg: 240 × 240 · 8,7 KB · image/svg+xml
/JPKComBE.svg: 1000 × 1000 · 9,5 KB · image/svg+xml
/JPKCom-6.svg: 1024 × 1028 · 4,6 KB · image/svg+xml

Du hast Fragen oder Feedback zu einem der Projekte? Schreib mir.