Ontwikkelaar

De gereedschapskist voor ontwikkelaars: JSON-formatter, kleurconversie, Base64- en URL-codering, UUID, reguliere expressies… Alles in de browser, er wordt niets verzonden.

JSON-formatter

JSON inspringen, minificeren en valideren.

Ontwikkelaar Openen

Kleurconverter

Converteer tussen HEX, RGB en HSL.

Ontwikkelaar Openen

UUID-generator

Genereer willekeurige v4-UUID’s in bulk.

Ontwikkelaar Openen

Base64-encoder / -decoder

Codeer en decodeer tekst naar en van Base64.

Ontwikkelaar Openen

URL-encoder / -decoder

Codeer en decodeer URL’s (percent-encoding).

Ontwikkelaar Openen

Regex-tester

Test je regex en markeer overeenkomsten.

Ontwikkelaar Openen

QR-code-generator

Maak een QR-code van tekst of URL.

Ontwikkelaar Openen

JSON ⇄ CSV-converter

Converteer tussen JSON en CSV in beide richtingen.

Ontwikkelaar Openen

CSS-gradient-generator

Ontwerp een gradient en kopieer kant-en-klare CSS-code.

Ontwikkelaar Openen

WCAG-contrastchecker

Test de toegankelijkheid van je tekst-/achtergrondkleuren.

Ontwikkelaar Openen

JWT-decoder

Bekijk de header en claims van een JWT-token.

Ontwikkelaar Openen

Cron-expressie-uitlegger

Vertaal een crontab naar gewone taal en zie de volgende runs.

Ontwikkelaar Openen

HTML-entiteiten

Codeer en decodeer HTML-entiteiten, benoemd of numeriek.

Ontwikkelaar Openen

CSS-minifier

Comprimeer of verfraai je CSS, met de bytebesparing.

Ontwikkelaar Openen

SQL-formatter

Formatteer je SQL-query’s: trefwoorden en inspringing.

Ontwikkelaar Openen

XML-formatter

Spring je XML in en valideer het, fouten gemarkeerd.

Ontwikkelaar Openen

String escapen

Eén string, in één keer escaped voor JSON, JS, HTML, URL en Base64.

Ontwikkelaar Openen

Subnetcalculator

IP + CIDR → netwerk, broadcast, hostbereik en maskers.

Ontwikkelaar Openen

Chmod-calculator

Vink de rwx-rechten aan: octaal en symbolische notatie live.

Ontwikkelaar Openen

URL-parser

Ontleed een URL: protocol, host, pad en gedecodeerde parameters.

Ontwikkelaar Openen

HTTP-statuscodes

Zoek een HTTP-code op: betekenis en wanneer te gebruiken.

Ontwikkelaar Openen

User-Agent-parser

Browser, OS en engine uit een User-Agent-string.

Ontwikkelaar Openen

ULID- & NanoID-generator

Unieke, op tijd sorteerbare identifiers, alternatief voor UUID.

Ontwikkelaar Openen

JSON naar TypeScript

Zet een JSON-object om in getypeerde TypeScript-interfaces.

Ontwikkelaar Openen

CSV naar Markdown-tabel

Zet CSV om in een Markdown-tabel, met uitlijningen.

Ontwikkelaar Openen

Meta tags-generator

Title, description, Open Graph en Twitter, met voorbeeld van social card.

Ontwikkelaar Openen

Robots.txt-generator

Maak een robots.txt-bestand: agents, permissies, sitemap.

Ontwikkelaar Openen

Box-shadow-generator

Stel meerlaagse CSS-schaduwen samen met live preview.

Ontwikkelaar Openen

Border-radius-generator

Rond hoeken af en maak organische blob-vormen.

Ontwikkelaar Openen

Hex-viewer

Inspecteer een bestand in hex en ASCII, type herkend via magic bytes.

Ontwikkelaar Openen

MIME-types

Vind het MIME-type van een extensie, en omgekeerd.

Ontwikkelaar Openen

SVG-opschoner

Verklein een SVG: verwijder commentaar, metadata en witruimte, zie de besparing.

Ontwikkelaar Openen

JSON-vergelijker

Vergelijk twee JSON en zie toevoegingen, verwijderingen en wijzigingen.

Ontwikkelaar Openen

px / rem / em-converter

Converteer CSS-eenheden px, rem, em, pt en % met instelbare basis.

Ontwikkelaar Openen

Unicode-inspecteur

Ontleed elk teken: U+-codepunt, decimaal, UTF-8-bytes, HTML-entiteit.

Ontwikkelaar Openen

Cubic-bezier-generator

Maak een CSS-animatiecurve door de handvatten te slepen, met geanimeerde voorvertoning.

Ontwikkelaar Openen

Flexbox-generator

Stel een Flexbox-container live in en kopieer de kant-en-klare CSS.

Ontwikkelaar Openen

Text-shadow-generator

Stel meerlaagse tekstschaduwen samen met live voorvertoning en kopieerklare CSS.

Ontwikkelaar Openen

Glassmorphism-generator

Maak een matglas-effect (achtergrondvervaging) met live voorvertoning en kant-en-klare CSS.

Ontwikkelaar Openen

CSS Grid-generator

Bouw een CSS-raster (kolommen, rijen, gap) live en kopieer de CSS.

Ontwikkelaar Openen

CSS clamp()-generator

Genereer een vloeiende CSS clamp()-grootte (responsieve typografie) tussen twee schermbreedtes.

Ontwikkelaar Openen

Mijn IP-adres

Bekijk je publieke IP-adres (IPv4/IPv6) en je verbindingsgegevens.

Ontwikkelaar Openen

JSON naar YAML

Zet JSON om naar leesbare YAML met nette inspringing. Ideaal voor configuratiebestanden.

Ontwikkelaar Openen

CSV naar JSON

Zet CSV om in JSON (array van objecten), met instelbare kopregels en scheidingsteken.

Ontwikkelaar Openen