Dekodiert ein 48-Byte NTP/SNTP-Paket: Byte-0-Bitfelder, Stratum/Poll/Precision, Root Delay/Dispersion, Reference ID, vier 64-Bit-Zeitstempel (Epoche 1900)

Development

Cache-Control-/CDN-Edge-TTL-Budget-Optimierer

Analysiert Cache-Control-Direktiven, Browser- und Edge-TTL, Stale-Budget, Konflikte und statische CDN-Hinweise.

Development

Responsiver Breakpoint-Visual-Diff

Rendert eine URL bei mehreren Breiten und zeigt Screenshots, Differenz-Heatmaps und Layout-Metriken direkt auf der Seite.

Development

Tailwind-Farbpaletten-Sync

Gib HEX ein, wähle Namensschema (Skala 50–950 / Einzelname / Verschachtelung) und generiere das theme.extend.colors-Fragment für tailwind.config.ts mit WCAG AA/AAA-Leveln. Dark Mode optional.

Development

JSON-Diff-Visualisierung

Vergleicht zwei JSON-Dokumente und erzeugt einen visuellen Bericht mit Pfaden und Statistik

Development

Tailwind-Klassen zu CSS

Wandelt Tailwind-Klassen (z. B. p-4 flex gap-2 hover:bg-blue-500/20 md:p-6) in äquivalenten CSS-Code für Projekte ohne Tailwind um. Deckt Spacing, Flex, Grid, Farben, Typografie, Rahmen, Effekte, Transformationen, Übergänge und Responsive/Status-Varianten ab.

Development

HTML-Minifier

Komprimiert HTML durch Entfernen von Kommentaren, Leerzeichen und Minifizierung von Inline-CSS/JS

Network

HTTP/3 QUIC-Handshake-Anatomie

Zerlegt den HTTP/3-über-QUIC-Handshake Byte für Byte. Visualisiert das frische 1-RTT-Handshake, die Wiederaufnahme per Session-Ticket und das 0-RTT-Szenario mit Sequenzdiagrammen, Feldlayouts pro Paket, dem Retry-Paket und einem Vergleich mit TCP + TLS 1.3. Für Interviews, Protokoll-Lernen und Performance-Engineering.

Development

Interaktiver JSONPath-REPL

Eine interaktive JSONPath-REPL, die mehrstufe Abfrage-Pipelines auf jedem JSON ausführt. Schreiben Sie einen JSONPath-Ausdruck pro Zeile (z. B. $..book[?(@.price<10)] dann $[0:5]) und sehen Sie die Treffer jedes Schritts mit Anzahlen, Pfaden und Werten — plus eine teilbare URL, die Ihre Daten und Pipeline kodiert. Unterstützt rekursiven Abstieg ($..), Wildcards ([*]), Filter ([?(@.price<10)]), Slices ([0:5:2]) und negative Indizes.

Development

GraphQL Playground

GraphQL-Client im Browser: Schreiben Sie Queries und Variablen, senden Sie sie an einen beliebigen GraphQL-Endpoint und inspizieren Sie formatierte JSON-Ergebnisse oder Fehler-Arrays — ideal für die Schema-Iteration während der Entwicklung

Development

HTTP-Anfrage-Tester

Leichter HTTP-Client im Browser (Mini-Postman): Senden Sie GET/POST/PUT/DELETE-Anfragen mit benutzerdefinierten Headern und Body, prüfen Sie Status, Header, Zeit und formatierte Antwort — alles im Browser

Development

JSON zu C# Class

Konvertiert JSON-Daten in C#-Klassen mit PascalCase-Eigenschaften, JsonPropertyName-Attributen und verschachtelter Typ-Inferenz