Als Entwickler und DevOps bei einem Webhosting-Unternehmen mit 9 Jahren Erfahrung sehe ich täglich, mit welchen Herausforderungen sich Kollegen und Kunden herumschlagen: Apache-Logs durchsuchen, .htaccess-Regeln schreiben, Regex testen, Cron-Jobs konfigurieren. Für viele dieser wiederkehrenden Aufgaben gibt es zwar Online-Tools – aber wer will schon sensible Server-Logs oder Produktionsdaten zu fremden Diensten hochladen?
Deshalb habe ich die Codeschnipsel Toolbox entwickelt: Eine Sammlung von 10 kostenlosen, client-side Tools, die komplett in deinem Browser laufen. Keine Datenübertragung, kein Tracking, keine Registrierung.
Warum client-side Tools?
Die Antwort ist einfach: Datenschutz und Sicherheit.
Wenn du Apache-Logs analysierst, enthält das oft:
- Domain-Namen deiner Kunden
- IP-Adressen von Besuchern
- Zugriffspa tterns
- Error-Traces mit sensiblen Pfaden
Das gleiche gilt für .htaccess-Dateien, JSON-Daten oder Passwörter. Niemand sollte diese Daten zu einem fremden Server schicken müssen.
Alle Tools in der Codeschnipsel Toolbox laufen zu 100% lokal in deinem Browser. JavaScript verarbeitet deine Eingaben direkt im DOM – kein Backend, kein Server-Upload, keine API-Calls. Deine Daten verlassen nie dein Gerät.
Die 10 Tools im Überblick
1. Apache Log Analyzer
Problem: Du musst Apache Access oder Error Logs durchsuchen, aber grep, awk und tail Befehle sind nicht deine Stärke.
Lösung: Der Apache Log Analyzer generiert dir die Shell-Befehle zum Copy & Paste.
Features:
- Domain-spezifische Log-Pfade (Plesk & cPanel kompatibel)
- Filterung nach HTTP-Fehlercodes (403, 404, 500, 502, 503, etc.)
- Top 10 IPs, URLs, User-Agents extrahieren
- Zeitbasierte Filterung (letzte Stunden/Tage)
- Copy-to-Clipboard
Use Case:
Domain: beispiel.de
Filter: 404 Errors (letzte 24 Stunden)
Generierter Befehl:
tail -10000 /var/www/vhosts/beispiel.de/logs/access_log | \
grep " 404 " | \
awk '{print $1, $7}' | \
sort | uniq -c | sort -rn | head -20
Perfekt für Entwickler, die nicht täglich mit Server-Administration zu tun haben, aber mal schnell ein Problem debuggen müssen.
2. Data Transformer (CyberChef-Alternative)
Problem: CyberChef ist großartig, aber oft Overkill für einfache Encoding/Decoding-Aufgaben.
Lösung: Der Data Transformer fokussiert sich auf die 15 häufigsten Operationen:
- Encoding/Decoding: Base64, Hex, URL, HTML Entities
- Hashing: MD5, SHA-1, SHA-256, SHA-512
- Text: Uppercase, Lowercase, Reverse, Line Sort
- JSON: Beautify, Minify
Features:
- Einfache UI ohne komplexen Workflow-Builder
- Operation-Chaining möglich
- Live-Preview
- 100% Client-Side
Use Case: Du bekommst einen Base64-String aus einer API-Response und musst ihn dekodieren, dann als JSON formatieren:
- Input:
eyJuYW1lIjoiU2ViYXN0aWFuIn0= - Operation: Base64 Decode
- Operation: JSON Beautify
- Output: Formatierter JSON
Für erweiterte Crypto-Operationen verweise ich weiterhin auf das Original CyberChef – aber für 95% der Anwendungsfälle reicht der Data Transformer.
3. .htaccess Generator
Problem: .htaccess-Syntax ist kryptisch und fehleranfällig.
Lösung: Der .htaccess Generator erstellt häufige Regeln per Klick:
Features:
- Redirects: 301/302 Permanent/Temporary
- URL Rewriting: Trailing Slash, www/non-www, HTTPS Force
- Security Headers: CSP, HSTS, X-Frame-Options, X-XSS-Protection
- Performance: Gzip Compression, Browser Caching
- Hotlink Protection: Bilder vor Fremd-Einbindung schützen
Use Case:
# Force HTTPS
RewriteEngine On
RewriteCond %{HTTPS} off
RewriteRule ^(.*)$ https://%{HTTP_HOST}/$1 [R=301,L]
# Security Headers
Header always set X-Frame-Options "SAMEORIGIN"
Header always set X-Content-Type-Options "nosniff"
Header always set X-XSS-Protection "1; mode=block"
Copy & Paste in deine .htaccess – fertig.
4. Regex Tester
Problem: Regular Expressions sind mächtig, aber schwer zu debuggen.
Lösung: Live-Testing mit Match-Highlighting.
Features:
- Live-Testing während du tippst
- Match-Highlighting im Text
- Capture Groups anzeigen
- Common Patterns Library (E-Mail, URL, IP, etc.)
- Quick Reference für Regex-Syntax
Use Case: Du schreibst ein Validierungs-Pattern für deutsche Telefonnummern:
Pattern: ^(\+49|0)[1-9]\d{1,14}$
Test String: +49 151 12345678
Result: ✅ Match
Groups: ["+49"]
5. JSON Formatter & Validator
Problem: API-Responses sind oft minified und unleserlich.
Lösung: JSON formatieren, validieren und kopieren.
Features:
- Beautify (mit Indentation)
- Minify (remove whitespace)
- Fehler-Erkennung mit Zeilennummer
- Syntax-Highlighting
- Copy-to-Clipboard
Use Case:
// Input (minified):
{"name":"Sebastian","skills":["PHP","JavaScript","DevOps"]}
// Output (beautified):
{
"name": "Sebastian",
"skills": [
"PHP",
"JavaScript",
"DevOps"
]
}
6. SSH Key Generator Guide
Problem: SSH-Schlüssel generieren ist für viele ein Buch mit sieben Siegeln.
Lösung: Step-by-Step Anleitung mit Command Generator.
Features:
- Ed25519, RSA & ECDSA Support
- Interaktiver Command Generator
- GitHub/GitLab/Bitbucket Integration
- Public Key auslesen
- Security Best Practices
Use Case:
# Ed25519 (empfohlen):
ssh-keygen -t ed25519 -C "deine@email.de" -f ~/.ssh/id_ed25519
# RSA 4096 bit:
ssh-keygen -t rsa -b 4096 -C "deine@email.de" -f ~/.ssh/id_rsa
Plus Anleitung, wie du den Public Key zu GitHub/GitLab hinzufügst.
7. Base64 Encoder/Decoder
Problem: Schnell mal einen String Base64 enkodieren/dekodieren.
Lösung: Simpler Encoder/Decoder mit UTF-8 Support.
Features:
- Bidirektional (Encode & Decode)
- UTF-8 Support (Umlaute funktionieren!)
- Copy-to-Clipboard
- 100% Client-Side
Use Case:
Input: Hällö Wörld!
Output: SMOkbGzDtiBXw7ZybGQh
8. Password Generator
Problem: Sichere Passwörter generieren ohne Chrome/Firefox Extension.
Lösung: Kryptographisch sicherer Password Generator.
Features:
- 8-64 Zeichen
- Konfigurierbare Zeichentypen (Groß-/Kleinbuchstaben, Zahlen, Symbole)
- Passwort-Stärke-Anzeige
crypto.getRandomValues()für echte Zufälligkeit- Copy-to-Clipboard
Use Case:
Länge: 24
Zeichen: A-Z, a-z, 0-9, Symbole
Generated: k7$mP3!xQ9@vL2#nW5&hR8%
Stärke: Sehr sicher (93 Bit Entropie)
9. Cron Job Generator
Problem: Cron-Syntax (* * * * *) ist nicht intuitiv.
Lösung: Visueller Cron-Editor mit Human-Readable Output.
Features:
- Visual Editor (Dropdowns für Minuten, Stunden, Tage, etc.)
- Vorgefertigte Templates (@daily, @weekly, @monthly)
- Human-Readable Erklärung ("Jeden Tag um 3:30 Uhr")
- Installation Guide (crontab -e)
- Copy-to-Clipboard
Use Case:
Task: Backup-Script täglich um 2:00 Uhr
Cron-Ausdruck: 0 2 * * *
Human: "Täglich um 2:00 Uhr"
Befehl:
0 2 * * * /usr/local/bin/backup.sh
10. Vi/Vim Cheat Sheet
Problem: Du bist auf einem Server eingeloggt, nano ist nicht installiert, nur vi.
Lösung: Interaktive Vi/Vim Cheat Sheet mit Suchfunktion.
Features:
- Kategorisierte Befehle (Bewegung, Bearbeiten, Suchen, etc.)
- Suchfunktion
- Mode-basierte Übersicht (Normal, Insert, Visual, Command)
- Quick Start Guide
- Pro-Tipps
Use Case:
Problem: Wie speichere ich und beende Vim?
Antwort: :wq (write & quit)
Problem: Wie lösche ich eine Zeile?
Antwort: dd (in Normal Mode)
Perfekt als Bookmark für die nächste SSH-Session.
Open Source & Selbst-Hosting
Alle Tools sind Open Source und auf GitHub verfügbar. Du kannst den Code einsehen, Vorschläge machen oder die Tools selbst hosten.
Warum Open Source?
- Transparenz: Du siehst genau, was der Code macht
- Vertrauen: Keine Hidden Features, kein Tracking
- Selbst-Hosting: Für firmeninterne Nutzung
Für wen sind diese Tools?
Die Toolbox richtet sich an:
- Webentwickler: JSON formatieren, Regex testen, Base64 de/enkodieren
- Server-Admins: Apache Logs analysieren, .htaccess schreiben, Cron-Jobs konfigurieren
- DevOps Engineers: SSH-Keys generieren, Passwörter erstellen
- Freelancer: Schnelle Selbsthilfe ohne externe Dienste
- Studenten: Lernwerkzeug für Server-Administration
Warum kostenlos?
Zwei Gründe:
-
Selbsthilfe: Ich habe diese Tools für meinen eigenen Workflow gebaut. Wenn sie auch anderen helfen, umso besser.
-
Community: Die Open-Source-Community hat mir viel gegeben (Next.js, React, PHP, etc.). Das ist mein Beitrag zurück.
Kommende Features
Aktuell plane ich weitere Tools:
- DNS Lookup Tool: MX, A, AAAA, TXT Records abfragen
- SSL Certificate Checker: Gültigkeit und Details anzeigen
- HTTP Header Analyzer: Response Headers analysieren
- Git Command Helper: Häufige Git-Befehle generieren
Hast du eine Idee für ein Tool? Schick mir deine Vorschläge!
Fazit
Die Codeschnipsel Toolbox ist meine Antwort auf die täglichen Herausforderungen in der Webentwicklung und Server-Administration. Statt für jede Kleinigkeit ein externes Tool zu googlen (und sensible Daten hochzuladen), habe ich die wichtigsten Helfer gebündelt:
✅ 100% Client-Side – Deine Daten bleiben bei dir ✅ 100% Kostenlos – Keine Registrierung, keine Limits ✅ Open Source – Transparenz und Selbst-Hosting möglich ✅ Kein Tracking – Keine Cookies, keine Analytics (außer du akzeptierst sie)
Die Tools sind optimiert für meinen eigenen Workflow als Entwickler mit 20 Jahren IT-Erfahrung – und ich hoffe, sie helfen auch dir.
Brauchst du ein individuelles Tool für dein Unternehmen? Ich entwickle auch maßgeschneiderte Web-Tools, Konfiguratoren und interaktive Anwendungen. Von einfachen Kalkulatoren bis zu komplexen Business-Tools.
