Ontwikkelaarstools

(105)

Handige helpers voor developers: formatters, converters, generators en validators.

Epoch-converter

Zet Unix-epoch-tijdstempels om naar leesbare UTC-datums en terug. Kies nauwkeurigheid in seconden of milliseconden.

ESLintrc-generator

Genereer een .eslintrc-JSON-configuratie met de juiste env, parser, plugins en regels voor browser-, Node-, TypeScript- en React-projecten.

EditorConfig-generator

Genereer een .editorconfig-bestand met uw regels voor inspringstijl en -grootte, regeleinde, tekenset en witruimte voor consistente opmaak in alle IDE's en editors.

E-mailvalidator

Valideer een e-mailadres: RFC 5322-syntaxcontrole, live MX-record-zoekopdracht, plus details over lokaal deel, domein en lengte. Er wordt geen e-mail verstuurd.

EM naar REM-converter

Reken CSS-eenheden om tussen em, rem en pixels bij elke basislettergrootte. Toont de rekenstappen en de gebruikelijke basisgroottes voor responsieve typografie.

Verschillenweergave

Plak twee versies van een willekeurige tekst en markeer toegevoegde, verwijderde en ongewijzigde regels. Vergelijk ze naast elkaar of in één inline-weergave.

Docker Compose-generator

Genereer een docker-compose.yml op basis van servicedefinities met image, poorten en volumes, plus standaardwaarden volgens best practices.

Dockerfile-generator

Genereer een productieklaar Dockerfile voor Node.js, Python, PHP, Go of Rust, met cachevriendelijke volgorde, een open poort en multi-stage builds voor gecompileerde talen.

Decimaal naar hexadecimaal converter

Voer een decimaal geheel getal in en ontvang direct de hexadecimale waarde, inclusief negatieve waarden als 64-bits tweecomplement.

Decimaal naar octaal omrekenaar

Zet hele decimale getallen om naar hun octale vorm (basis 8). Typ een getal en lees direct de octale cijfers. De methode van delen door 8 wordt hieronder uitgelegd.

cURL-converter

Zet lokaal een cURL-opdracht om in Fetch-code voor browser of Node.js, Python Requests of PHP cURL zonder het verzoek uit te voeren.

Gegevensopslagomvormer

Zet gegevensgroottes om tussen bits, bytes, kilobytes, megabytes, gigabytes, terabytes en petabytes, met de decimale (1000) of binaire (1024) conventie.

CSS-tooltipgenerator

Genereer toegankelijke tooltips in puur CSS met behulp van data-attributen en ::after. Stel positie, achtergrond en tekstkleur in zonder JavaScript.

CSS naar Tailwind

Plak een CSS-regel en krijg de bijbehorende Tailwind CSS utility-classes, inclusief terugvalopties met willekeurige waarden voor alles buiten de standaardschaal.

CSS-driehoeksgenerator

Genereer pure CSS-driehoeken in elke richting met de border-truc met breedte nul. Kies een richting, grootte en vulkleur en kopieer daarna de declaratie.

Van CSV naar JSON

Zet een CSV met een koprij om in JSON als een array van objecten: de koppen worden sleutels en de gegevensrijen worden objecten, klaar voor gebruik door API's en JavaScript-code.

Converter van CSV naar JSON

Zet CSV-spreadsheets om naar JSON met opties voor scheidingsteken (komma, tab, puntkomma), verwerking van kopregels en fraaie versus compacte uitvoer.

CSV naar Markdown Converter

Zet CSV-regels om in GitHub Flavored Markdown-tabellen met een kopscheidingsregel en cellen gescheiden door verticale strepen, klaar om in README-bestanden of pull requests te plakken.

CSV-naar-YAML-converter

Zet CSV-gegevens om in overzichtelijke YAML als een lijst met mappings: koppen worden sleutels en rijen worden geneste mappings onder een hoofdarray.

CSS-box-shadow-generator

Stel voor één box-shadow de horizontale en verticale offset, vervaging, spreiding, kleur en optionele inset in en kopieer de regel. Voor gelaagde schaduwen genereer je elke laag afzonderlijk en combineer je de regels met een komma.

CSS-kaartgenerator

Maak de CSS voor een kaartcontainer: achtergrond, rand, hoekradius, binnenruimte en een zachte slagschaduw, met direct voorbeeld en copy-pastecode.

CSS-checkboxgenerator

Geef een native checkbox een eigen stijl met CSS: kies de kleur van het vinkje, de randkleur, de grootte en de hoekradius, bekijk het vinkje en kopieer de kant-en-klare CSS.

CSS clip-path-generator

Genereer een kant-en-klare clip-path-regel. Kies een van de vier voorgedefinieerde vormen, driehoek, ruit, trapezium of zeshoek, en kopieer de CSS.

CSS-scheidingslijn-generator

Genereer CSS voor een horizontale scheidingslijn: kies lijnstijl, kleur, dikte en marge, bekijk de lijn tussen twee secties en kopieer de kant-en-klare regel.

CSS-filtergenerator

Bouw een CSS-filterketen voor blur, helderheid, contrast, grijswaarden en verzadiging. Voer de waarden in en kopieer de kant-en-klare regel.

CSS Flexbox-generator

Genereer in seconden CSS voor een flex-container. Kies flex-direction, justify-content, align-items, gap en wrap en kopieer de kant-en-klare CSS.

CSS-opmaker

Maak van geminificeerde of rommelige CSS leesbare code: één declaratie per regel, inspringing van twee spaties en een lege regel tussen de regels. Blokcommentaar wordt tijdens het formatteren verwijderd.

CSS-formuliergenerator

Genereer de CSS voor een compleet gestileerd formulier: een formuliergrid, labels, invoervelden, tekstvelden, keuzelijsten en duidelijke focusstatussen. Stel de accentkleur, hoekradius en speling in en kopieer de code.

CSS-gradiëntgenerator

Genereer een kant-en-klare CSS-gradiënt met twee kleuren. Kies lineair of radiaal, stel de hoek in en kopieer de achtergrondcode.

CSS Grid-generator

Genereer CSS Grid-containerregels: een vast aantal gelijke kolommen, een eigen afstand en een responsieve fallback met minimumbreedte, klaar om te kopiëren.

CSS keyframes-generator

Genereer een @keyframes-regel voor fade-slide-, pulse-, spin- of bounce-animaties met een eigen naam, duur en afstand, klaar om te kopiëren.

CSS-loadergenerator

Maak een cirkelvormige spinner in pure CSS: stel de diameter, randdikte, accentkleur en rotatiesnelheid in, bekijk het live en kopieer de kant-en-klare CSS. Geen SVG, geen JavaScript.

CSS Minifier

Minificeer CSS door witruimte en commentaar te verwijderen. Typische besparing 25-50% bij netjes opgemaakte stylesheets, en de uitvoer gedraagt zich exact hetzelfde als het origineel.

CSS-modalgenerator

Genereer de CSS voor een modaal dialoogvenster: donkere fullscreen-achtergrond, gecentreerd wit paneel, kop met accentkleur en rechts uitgelijnde acties. Stel breedte, hoekradius en accentkleur in.

CSS-prijstabelgenerator

Genereer een enkele prijskaart in HTML + CSS: naam van het abonnement, prijs en accentkleur van je merk. Kopieer de code naar je landingspagina.

CSS-schuifbalkgenerator

Pas het uiterlijk van de schuifbalk aan met CSS. Moderne scrollbar-color / scrollbar-width en het oudere ::-webkit-scrollbar voor brede ondersteuning.

CSS Tabs Generator

Bouw een eigen tabbalk in HTML + CSS: accentkleur voor de actieve tab, hoekradius en hover-status. Kopieer de code naar je project.

CSS-tekstschaduwgenerator

Maak een text-shadow-declaratie door de X- en Y-offset, vervaging en kleur in te stellen en kopieer de exacte CSS-regel naar je stylesheet.

Cron-expressiegenerator

Bouw Unix Cron-expressies op basis van een visueel schema: selecteer minuut, uur, dag, maand en werkdag, en haal de precieze syntaxis voor crontab, Kubernetes of GitHub Actions.

Cron-expressieparser

Plak een standaard cron-expressie met 5 velden en krijg een beschrijving in eenvoudig Engels plus de volgende 5 geplande uitvoeringstijden.

Crontab Guru

Plak een standaard cron-expressie met 5 velden en krijg een uitleg in eenvoudig Engels van elk veld: minuut, uur, dag van de maand, maand en dag van de week.

CSR-decoder

Plak een PEM-gecodeerd certificaatondertekeningsverzoek en lees de velden van het subject plus het algoritme en de grootte van de publieke sleutel, zonder tools te installeren.

CSS-animatiegenerator

Bouw CSS-@keyframes-animaties uit ingebouwde presets. Stel naam, duur, easing, aantal herhalingen en richting in, bekijk live voorbeeld en kopieer de CSS.

CSS-pijlgenerator

Maak lokaal een CSS-pijl met richting, kleur, grootte en randdikte en kopieer de regel.

CSS border-radius-generator

Stel de stralen van de vier hoeken in (linksboven, rechtsboven, rechtsonder, linksonder), kies px, % of rem en kopieer de direct bruikbare border-radius-verkorte notatie.

Kleurenblender

Meng twee HEX-kleuren tot 2-20 gelijk verdeelde kleurstalen. Bekijk elke tussenkleur als hoofdletter-HEX-code, inclusief beide eindpunten.

Kleurcode-omzetter

Converteer tussen de meest gangbare webkleurcodes: hex (#RGB, #RRGGBB), rgb(r,g,b) en hsl(h,s%,l%). Live preview en kopiëren met één klik.

Kleurcontrastcontrole

Controleer de WCAG-contrastverhouding tussen voorgrond- en achtergrondkleuren. Goed/niet geslaagd voor AA, AAA, grote tekst en niet-tekstcontrast.

Kleurschaduwgenerator

Genereer donkerdere schaduwen van een HEX-basiskleur in 3 tot 20 gelijkmatige stappen, handig voor paletten van ontwerpsystemen en hover-/ingedrukte statussen.

Kleurtintgenerator

Genereer lichtere tinten van een basiskleur. Schalen van 3 tot 20 stappen voor ontwerpsysteemtokens, achtergronden en hoverstatussen.

Changelog-generator

Maak een markdown-sectie in Keep a Changelog-stijl op basis van gecategoriseerde items. Plak de items onder Added, Changed, Fixed en Removed, kies Markdown of platte tekst en kopieer de uitvoer.

Chmod-calculator

Converteer tussen chmod octale codes (755, 644) en rwx-machtigingsreeksen. Schakel tussen gebruikers-, groeps- en andere bits en bekijk de resulterende chmod-opdracht.

CMYK naar RGB converter

Zet CMYK-percentages om naar benaderende RGB- en Hex-waarden voor snelle schermpreviews met de standaardformule.

Code naar afbeelding

Plak code, pas thema, kleuren, lettergrootte, padding, kopbalk en regelnummers aan, bekijk de canvasvoorvertoning en download een PNG. Platte tekstweergave, zonder syntaxmarkering.

Certificaatdecoder

Plak een X.509 PEM-certificaat en bekijk de gedecodeerde velden: onderwerp, uitgever, serienummer, handtekeningalgoritme, geldigheid en alternatieve namen van het onderwerp.

PX naar PT omrekenen

Zet niet-negatieve CSS-pixels om naar punten met de vaste verhouding 1 px = 0,75 pt en maximaal vier decimalen.

Regex-spiekbriefje

Een doorzoekbare referentie voor reguliere expressies in JavaScript, PCRE2/PHP, Python re en .NET. Vergelijk tokens, enginespecifieke syntaxis, ankers, groepen, lookarounds en flags.

Patroonachtergrond-generator

Maak herhalende CSS-achtergrondpatronen met je eigen kleuren en afstand. Bekijk het voorbeeld en kopieer de gegenereerde CSS.

Markdown-spiekbrief

Praktische Markdown-referentie met echte voorbeelden die direct te kopiëren zijn voor koppen, lijsten, tabellen, code, links, afbeeldingen en GFM-syntaxis.

Mermaid-diagramvoorvertoning

Schrijf Mermaid-syntaxis voor stroomdiagrammen, sequentiediagrammen, klassendiagrammen en Gantt-diagrammen; bekijk het resultaat direct als SVG en kopieer of download het.

Meshverloopgenerator

Ontwerp een meshverloop met 4, 6 of 9 verplaatsbare kleurpunten. Download SVG of PNG, of kopieer de CSS met radiale verlopen.

Sneltoetsenoverzicht

Zoek gedocumenteerde standaardsneltoetsen voor VS Code, Chrome en Bash met GNU Readline op macOS, Windows en Linux.

XPath-tester

Test XPath 1.0-expressies op je XML of HTML in de browser en bekijk elke gevonden node met attributen, tekst en markup.

YAML-formatter

Formatteer YAML in je browser met consistente inspringing, optionele sleutelsortering en veilige aanhalingstekens, zodat configs leesbaar blijven en nette diffs opleveren.

HTML-tabelgenerator

Genereer nette, responsieve HTML-tabellen uit rijen en kolommen met opties voor een koprij, rand en zebrastreping.

HTML-naar-afbeelding-converter

Render HTML en CSS in de browser als PNG of JPG met een vaste maat. Kies canvas en schaal, bekijk het resultaat en download lokaal.

HTTP-statuscodecontrole

Controleer in de browser de laatste HTTP-status, doel-URL, headertijd en door CORS vrijgegeven headers.

CSS-gradiëntgenerator

Maak lineaire en radiale CSS-gradiënten met kleurstops en instellingen voor hoek of vorm. Kopieer de gemaakte CSS-achtergronddeclaratie naar je stylesheet.

HTML-tekenreferentie

Een doorzoekbare lijst met HTML-entiteiten, hun benoemde en numerieke codes, plus kopiëren met één klik voor speciale tekens en symbolen.

HTML-opmaker

Formatteer HTML lokaal in de browser met twee of vier spaties inspringing. HTML wordt niet geüpload of gevalideerd.

ERD-diagrammaker

Maak lokaal een entiteit-relatiediagram met maximaal 12 entiteiten, velden, relaties en cardinaliteiten. Exporteer Mermaid, SVG, PNG of JSON.

Aanvullende kleurenzoeker

Vind de complementaire kleur voor elke invoer. Geeft HSL-tegenovergesteld, gesplitst-complementpaar en suggesties voor toegankelijke combinaties terug.

CSS-accordeongenerator

Maak een accordeon met drie secties en native details en summary. Pas tekst, kleuren, ruimte, pictogram en openingsgedrag aan en kopieer of download de code.

CSS-knopgenerator

Ontwerp een effen of verlopende CSS-knop, controleer zes statussen en contrast en kopieer veilige code of download HTML.

cURL-opdrachtgenerator

Maak lokaal cURL-opdrachten voor bash, zsh, WSL of PowerShell met HTTP-URL, headers, authenticatie, JSON, gegevens en formulieren.

Kleurenwielverkenner

Verken het kleurenwiel interactief. Roteer harmonieën, vergelijk HSL versus RYB, ontdek complementaire en triadische paren in realtime.

XML-minifier

Minimaliseer goed gevormde XML in de browser. Verwijder opmerkingen en witruimte met regeleinden tussen markuptokens, en kopieer of download het lokale resultaat.

XML-naar-YAML-converter

Zet één goed gevormd XML-document in je browser om naar een vaste, leesbare YAML-structuur. Houd namen, attributen, tekst en herhaalde elementen zichtbaar.

XML-validator

Controleer maximaal 1.000.000 tekens XML-syntaxis in je browser. Onveilige declaraties worden geweigerd en parseerfouten helder getoond.

YAML-naar-TOML-converter

Zet één YAML-toewijzing in je browser om naar TOML. Controleer geneste tabellen, arrays en conversielimieten voordat je het resultaat gebruikt.

YAML-validator

Valideer in je browser maximaal 100 YAML-documenten en 1.000.000 tekens met js-yaml en CORE_SCHEMA. Dubbele sleutels leveren een fout op.

Hexviewer voor binaire bestanden

Kies een bestand en inspecteer vanaf elke geldige byte-offset een begrensd deel als lokale hex-dump met offset-, hex- en ASCII-kolommen.

Kleurnaamzoeker

Vind met CIEDE2000 de dichtstbijzijnde gestandaardiseerde CSS-kleurnaam voor een HEX-, RGB- of HSL-waarde.

Analoge kleurgenerator

Maak vanuit elke basiskleur een analoog palet met vijf kleuren: een klassieke kern van drie, twee buitenste tinten en uitvoer in hex, RGB en HSL.

ASCII-tabelreferentie

Volledige ASCII-tabel van 0 tot 127 met decimale, hexadecimale, octale en binaire waarden en HTML-numerieke referentienotatie, inclusief control codes zoals NUL, LF en DEL.

Programmatellersimulator

Volg een vereenvoudigde lijst met instructies van vaste breedte, labels, vertakkingen, sprongen, aanroepen, terugkeer en 16-, 24- of 32-bits adressen.

Gradient-wallpapergenerator

Genereer wazige gradientwallpapers in drie kleuren voor de achtergrond van je laptop, telefoon of Zoom. Stel de hoek en de vervaging handmatig in of laat ze willekeurig genereren.

Telefoonnummers controleren

Controleer de structuur van telefoonnummers per land en bekijk regio, type en E.164-, internationale, nationale en RFC 3966-notatie.

HAR-bestandsviewer

Open HAR-netwerkopnamen lokaal, filter verzoeken, bekijk gemaskeerde headers en timing en exporteer opgeschoonde samenvattingen zonder upload.

FPS-teller

Meet de FPS van je browser met requestAnimationFrame: afvlakking, minimale en maximale framerate, waarschuwingsdrempel en optionele grafiek. Draait lokaal, zonder upload of API.

Booleaanse algebra vereenvoudiger

Evalueer een Booleaanse expressie voor elke invoercombinatie en bekijk de volledige waarheidstabel. Ondersteunt maximaal vijf variabelen en de operators &, |, ! en ^.

Binair naar ASCII-converter

Plak binaire data (spatiegescheiden bytes of een lange bitstream) en krijg de ASCII-tekst die die data vertegenwoordigt, 8 bits per keer gedecodeerd.

Binair naar decimaal

Zet een binair getal om naar decimaal, of een decimaal getal naar binair, direct. Plak één getal en lees het resultaat.

Binair naar hex-converter

Converteer binaire invoer naar een gewone hexwaarde in hoofdletters. Niet-binaire tekens worden genegeerd en voorloopnullen blijven niet behouden.

Binair naar octaal-converter

Converteer binair naar octaal door bits drie tegelijk te groeperen. Handig voor Unix-permissies, legacy systemen en compacte numerieke weergave.

BBCode naar HTML-converter

Converteer BBCode (bulletin-board markup) naar schone HTML. Verwerkt opmaaktags, lijsten, quotes, code, afbeeldingen en links.

Base64 naar hex converteren

Zet een standaard Base64-string om naar de onderliggende bytes, geschreven als doorlopende hexadecimale hoofdletters. Strikte decodering, ideaal voor tokens, sleutels en JWT-handtekeningen.

ASCII naar binair-converter

Converteer elke ASCII-string naar zijn binaire representatie. Elk teken wordt acht bits, gescheiden door spaties, klaar voor protocoltrace of huiswerk.

ASCII naar hex-converter

Converteer ASCII-tekst naar hexadecimale bytewaarden. De uitvoer gebruikt twee hexcijfers per teken, klaar voor geheugendumps, pakketsporen of firmwaretabellen.

Willekeurige lettergenerator

Genereer willekeurige A-Z-letters. Kies het aantal, gebruik hoofdletters, kleine letters of gemengd, en gebruik de uitkomst voor spelletjes, opdrachten of lesactiviteiten.

Willekeurige kleurengenerator

Genereer 1 tot 50 willekeurige HEX-kleuren met kleurstalen die je kunt bekijken, kopiëren en gebruiken in CSS, tests of paletverkenning.

JSON-formatter

Plak JSON om het met 2 of 4 spaties leesbaar te maken, te minificeren tot compacte uitvoer of snel de syntaxis te controleren voordat je het resultaat kopieert.

Kleurenpaletgenerator

Genereer monochromatische, analoge, complementaire, triadische of tetradische paletten vanuit een HEX-basiskleur en exporteer kopieerklare CSS-variabelen.

HEX-kleurkiezer

Kies of typ een HEX-kleur en krijg RGB, HSL, geschat CMYK, relatieve luminantie en contrast tegen wit en zwart.

Generator voor willekeurige kleurpaletten

Maak willekeurige kleurpaletten met 2 tot 15 kleurvlakken, kies een levendige, pastel-, gedempte of donkere stijl en kopieer HEX-codes of CSS-variabelen.