HTML- en toegankelijkheidstools
ARIA Live Region Generator
Genereer toegankelijke ARIA-live-regio's voor schermlezeraankondigingen.
Tools
Maak tags, controleer launchdetails en bereid statische página's voor zonder account of upload.
Hulpmiddelen voor schone HTML-tags, head markup, snippets en publicatiewerk.
HTML- en toegankelijkheidstools
Genereer toegankelijke ARIA-live-regio's voor schermlezeraankondigingen.
HTML- en toegankelijkheidstools
Genereer CSS voor aanpasbare select-elementen met appearance: base-select, picker-pictogrammen, vinkjes en styling voor de open en gesloten toestand.
HTML- en toegankelijkheidstools
Genereer HTML-snippets voor Declarative Shadow DOM met scoped CSS, slots en server-rendering.
HTML- en toegankelijkheidstools
Genereer toegankelijke :focus-visible outline- of box-shadow-CSS-regels met contrastcontrole.
HTML- en toegankelijkheidstools
Genereer declaratieve commandoknoppen voor dialogen, popovers en details-elementen met de Invoker Commands API. Geen JavaScript nodig.
HTML- en toegankelijkheidstools
Genereer link-tags voor preload, preconnect, dns-prefetch, canonical en alternate.
HTML- en toegankelijkheidstools
Genereer responsive iframe-embedmarkup voor video's, kaarten, demo's en documentatie.
HTML- en toegankelijkheidstools
Controleer interactieve elementen op WCAG 2.2 minimale grootte (2.5.8) met AA/AAA-resultaten en CSS-aanbevelingen.
HTML- en toegankelijkheidstools
Plak HTML en zie de koppenstructuur als boom. Vind overgeslagen niveaus en ontbrekende h1.
HTML- en toegankelijkheidstools
Zoek en kopieer veelgebruikte HTML-entiteiten: pijlen, streepjes, aanhalingstekens en symbolen.
HTML- en toegankelijkheidstools
Genereer native HTML popover markup met popovertarget en de Popover API zonder JavaScript.
HTML- en toegankelijkheidstools
Genereer een native HTML dialog modal met open- en sluitknoppen.
HTML- en toegankelijkheidstools
Genereer een toegankelijke skip link met CSS voor toetsenbord- en screenreadernavigatie.
HTML- en toegankelijkheidstools
Plak HTML en controleer op ARIA landmark elementen voor screenreadernavigatie.
HTML- en toegankelijkheidstools
Genereer HTML input elementen met typespecifieke attributen voor formulieren.
HTML- en toegankelijkheidstools
Genereer fetchpriority attributen voor afbeeldingen, scripts en link tags.
HTML- en toegankelijkheidstools
Genereer correcte preload link tags voor lettertypen, hero afbeeldingen, CSS en scripts.
HTML- en toegankelijkheidstools
Genereer modulepreload link tags voor ES modules in Vite, Astro en moderne statische sites.
HTML- en toegankelijkheidstools
Maak geoptimaliseerde img tags door loading, decoding en fetchpriority te combineren.
HTML- en toegankelijkheidstools
Genereer FAQ accordeons met de native details en summary elementen zonder JavaScript.
HTML- en toegankelijkheidstools
Genereer externe link markup met correcte rel attributen voor beveiliging en SEO.
HTML- en toegankelijkheidstools
Genereer script tags met de juiste laadstrategie — normal, defer, async of type module.
HTML- en toegankelijkheidstools
Genereer toegankelijke HTML-markup met contenteditable=plaintext-only voor platte tekstinvoer zonder rijke opmaak.
HTML- en toegankelijkheidstools
Genereer HTML-bestandsinvoer met webkitdirectory voor map-upload, drag-and-drop-zone en bestandslijst met webkitRelativePath.
HTML- en toegankelijkheidstools
Genereer declaratieve HTML-markup met interestfor voor hover- en focus-getriggerde popovers zonder JavaScript.
HTML- en toegankelijkheidstools
Genereer ariaNotify() aanroepen voor programmatische schermlezeraankondigingen met aria-live fallback.
CSS-generators voor responsive layouts, spacing, mobiel detailwerk en UI-aanpassingen.
CSS- en ontwerptools
Bereken clamp()-waarden met container query units voor componentgebaseerde responsive sizing.
CSS- en ontwerptools
Genereer native CSS-carrouselmarkup met scroll-snap, scrollknoppen, scrollmarkeringen en een toegankelijke lijststructuur. Geen JavaScript nodig.
CSS- en ontwerptools
Genereer CSS scroll-state()-containerqueries om gesnapte, vastgezette of scrollbare elementen te stylen. Inclusief JavaScript-fallback voor ondersteuning in andere browsers.
CSS- en ontwerptools
Genereer parent-grid- en child-subgrid-CSS voor layouts met gedeelde trackuitlijning.
CSS- en ontwerptools
Bereken responsive CSS clamp-waarden voor lettergroottes en spacing.
CSS- en ontwerptools
Genereer CSS voor safe-area insets op telefoons met notch of ronde hoeken.
CSS- en ontwerptools
Controleer de contrastverhouding tussen twee kleuren tegen WCAG-richtlijnen.
CSS- en ontwerptools
Bouw visueel box-shadow CSS door offset, blur, spread en kleur aan te passen.
CSS- en ontwerptools
Genereer flexbox container CSS en HTML-skelet uit geselecteerde flex-eigenschappen.
CSS- en ontwerptools
Stel afgeronde hoeken afzonderlijk in en genereer de border-radius CSS-declaratie.
CSS- en ontwerptools
Genereer CSS en JavaScript voor de View Transitions API, met same-document- en cross-document-overgangen en een reduced-motion-fallback.
CSS- en ontwerptools
Plan de @layer-volgorde en genereer een CSS-cascadelagenstructuur met voorbeeldregels.
CSS- en ontwerptools
Genereer CSS voor content-visibility en contain-intrinsic-size om lange página's te versnellen.
CSS- en ontwerptools
Genereer overscroll-behavior CSS om pull-to-refresh, scroll-chaining en bounce-effecten te beheren.
CSS- en ontwerptools
Genereer CSS scroll-snap regels voor carrousels, galerijen en horizontale scrollsecties.
CSS- en ontwerptools
Genereer @container CSS regels voor componentgebaseerd responsive design.
CSS- en ontwerptools
Bereken aspect-ratio CSS waarden en padding-bottom fallbacks tegen layout shift.
CSS- en ontwerptools
Genereer CSS met dynamische viewport units (dvh, svh, lvh) met fallbacks.
CSS- en ontwerptools
Converteer fysieke CSS-eigenschappen naar logische voor RTL- en meertalige layouts.
CSS- en ontwerptools
Genereer CSS anchor positioning regels voor tooltips, dropdowns en callouts.
CSS- en ontwerptools
Genereer CSS scroll-gedreven animaties met animation-timeline.
CSS- en ontwerptools
Genereer CSS voor het animeren van elementen die verschijnen of verdwijnen.
CSS- en ontwerptools
Genereer CSS color-scheme en light-dark() regels voor donkere modus.
CSS- en ontwerptools
Genereer CSS color-mix() aanroepen voor hover, borders, achtergronden en ingetogen tekst.
CSS- en ontwerptools
Genereer CSS relatieve kleursyntax voor alfa-, lichtere, donkerdere en kanaalaangepaste varianten.
CSS- en ontwerptools
Genereer een printstylesheet om navigatie te verbergen, link-URLs te tonen en página-einden te vermijden.
CSS- en ontwerptools
Genereer contrast-color() CSS-functies die automatisch de meest leesbare tekstkleur uit een lijst selecteren.
CSS- en ontwerptools
Genereer getypeerde attr()-expressies met typeconversie voor data-attribuut-gestuurde CSS-styling.
CSS- en ontwerptools
Bouw CSS if()-conditionals met style()-, media()- en supports()-condities voor inline responsieve waarden zonder @media-queries.
CSS- en ontwerptools
Genereer CSS met sibling-index() en sibling-count() voor positiegebaseerde styling zonder nth-child-selectors.
CSS- en ontwerptools
Bereken CSS progress()-functiewaarden voor scroll-gestuurde animaties en waardetoewijzing.
CSS- en ontwerptools
Genereer CSS met het stretch-sleutelwoord voor fill-available-sizing in block-, flex-, grid- en absoluut gepositioneerde layouts.
CSS- en ontwerptools
Genereer CSS text-indent met hanging- en each-line-sleutelwoorden voor hangende inspringing en regeleinde-inspringing.
CSS- en ontwerptools
Bereken pixel-equivalenten voor rcap-, rch-, rex- en ric-eenheden op basis van root-lettergrootte. Vergelijk met rem.
CSS- en ontwerptools
Genereer CSS shape()-functies voor niet-rechthoekige vormen met clip-path en shape-outside.
CSS- en ontwerptools
Genereer CSS @scope-regels voor het stylen van DOM-subtrees zonder BEM of CSS Modules.
CSS- en ontwerptools
Visuele bouwer voor lineaire, radiale en conische CSS-verlopen met live voorbeeld. Pas hoek, kleurstops en posities aan. Kopieer schone CSS.
CSS- en ontwerptools
Visuele CSS-filtereditor met negen filterfuncties en live voorbeeld. Test op verloopstaal of optionele afbeeldings-URL. Kopieer schone CSS.
CSS- en ontwerptools
Maak gelaagde CSS-tekstschaduwen met neon-, gloed-, 3D- en omtrek-voorinstellingen. Pas tekst, grootte en tot drie lagen aan. Live voorbeeld.
CSS- en ontwerptools
Negen animatievoorinstellingen (fade, slide, scale, spin, pulse, bounce, shake) met aanpasbare duur, easing en iteratie. Live voorbeeld met herhaal knop.
CSS- en ontwerptools
Visuele 3D CSS-transform bouwer met rotatie-, verplaatsings-, schaal-, perspectief- en oorsprongsregelaars. Live voorbeeldkaart toont diepte in realtime.
Browsertools voor het valideren, converteren, vergelijken en formatteren van gestructureerde data en tekst.
JSON-, data- en formatteertools
Formatteer, valideer, minificeer en geef JSON-data weer in een boomstructuur. Detecteert afsluitende kommas en toont foutposities. Alle verwerking vindt lokaal in uw browser plaats.
JSON-, data- en formatteertools
Converteer JSON-arrays naar CSV of TSV. Maak geneste objecten plat met puntnotatie, kies scheidingstekens en neem koprijen op.
JSON-, data- en formatteertools
Converteer bidirectioneel tussen YAML en JSON. Verwerkt geneste structuren, arrays en scalaire waarden. Ideaal voor configuratiebestanden.
JSON-, data- en formatteertools
Test JSONPath-expressies tegen JSON-gegevens. Ondersteunt puntnotatie, jokers, filters en array-indexen. Toont overeenkomende resultaten.
JSON-, data- en formatteertools
Genereer een JSON-schema uit voorbeeldgegevens of valideer JSON tegen een schema. Ondersteunt meerdere drafts en leidt automatisch typen af.
JSON-, data- en formatteertools
Test reguliere expressies met markering van overeenkomsten, vastleggroepen en vervangingsvoorbeeld. Alle verwerking vindt lokaal plaats in de browser.
JSON-, data- en formatteertools
Parseer URL-queryreeksen in sleutel-waardetabellen, of bouw queryreeksen uit parameters. Detecteert duplicaten en sorteert parameters.
JSON-, data- en formatteertools
Converteer tussen Unix-tijdstempels en leesbare datums met tijdzoneondersteuning
JSON-, data- en formatteertools
Bouw en begrijp cron-planningsuitdrukkingen met presets of aangepaste velden
JSON-, data- en formatteertools
Vergelijk twee teksten regel voor regel of zij aan zij met visuele markering
JSON-, data- en formatteertools
Split-screen Markdown-editor met live GitHub-Flavored Markdown-voorvertoning. Ondersteunt koppen, vet/cursief, links, codeblokken, tabellen en takenlijsten.
Browsertools voor codering, hashes, tokens en beveiligingsheaders met leesbare uitvoer voor controle.
Coderings-, hash- en beveiligingstools
Configureer cross-origin isolatie-headers voor SharedArrayBuffer, WASM en beveiliging.
Coderings-, hash- en beveiligingstools
Genereer CORS HTTP-headers voor elke origin-, methode- en credential-configuratie.
Coderings-, hash- en beveiligingstools
Genereer CSP-hashwaarden voor inline scripts en styles. Hash exacte code met SHA-256, SHA-384 of SHA-512.
Coderings-, hash- en beveiligingstools
Bouw Sanitizer API- en DOMPurify-allowlist-configuraties voor veilige HTML-rendering.
Coderings-, hash- en beveiligingstools
Genereer en valideer security.txt-bestanden volgens RFC 9116 met hostinggids.
Coderings-, hash- en beveiligingstools
Genereer Subresource Integrity-hashes voor script- en stylesheetbestanden met SHA-256, SHA-384 of SHA-512.
Coderings-, hash- en beveiligingstools
Genereer een VAPID-sleutelpaar voor Web Push-meldingen met de Web Crypto API.
Coderings-, hash- en beveiligingstools
Genereer veilige iframe markup met sandbox vlaggen en allow permissies per embedtype.
Coderings-, hash- en beveiligingstools
Genereer een Permissions-Policy HTTP-header om de toegang tot browserfuncties op je site te beheren.
Coderings-, hash- en beveiligingstools
Genereer een Content-Security-Policy header voor statische sites met CDN-, analytics-, lettertype- en embedopties.
Coderings-, hash- en beveiligingstools
Genereer een Referrer-Policy header of meta tag om referrer-informatie te beheren.
Coderings-, hash- en beveiligingstools
Genereer Trusted Types-beleid en CSP-headers om DOM-gebaseerde XSS te voorkomen met getypeerde waarden voor gevaarlijke DOM-sinks.
Coderings-, hash- en beveiligingstools
Genereer code snippets met Uint8Array.toBase64(), .toHex(), .fromBase64() en .fromHex() voor native binaire codering.
Coderings-, hash- en beveiligingstools
Decodeer JWT-tokens om de header, payload-claims en tijdstempels te inspecteren. Alle decodering vindt lokaal plaats – geen token wordt naar een server verzonden.
Coderings-, hash- en beveiligingstools
Encodeer tekst naar Base64 of decodeer Base64 terug naar tekst. Ondersteunt URL-veilige Base64-variant. Alle verwerking vindt lokaal plaats.
Coderings-, hash- en beveiligingstools
Encodeer of decodeer URL-gecodeerde tekenreeksen. Ondersteunt zowel encodeURIComponent (volledig) als encodeURI (URL-veilig) modi.
Coderings-, hash- en beveiligingstools
Genereer UUID v4 (willekeurig) of v7 (tijdgesorteerd) identificatoren met configureerbare opties
Coderings-, hash- en beveiligingstools
Genereer cryptografische hashes en HMAC JavaScript-code met de Web Crypto API
Lokale hulpmiddelen voor iconen, image markup, assetpaden en statische websitebestanden.
Afbeelding-, SVG- en assettools
Upload een app-icoon en bekijk de PWA-maskable-safe-zone met overlay-preview.
Afbeelding-, SVG- en assettools
Genereer favicon- en web app icon-tags voor statische websites.
Afbeelding-, SVG- en assettools
Genereer img- of picture-markup met srcset, sizes, breedte, hoogte en alt-tekst.
Afbeelding-, SVG- en assettools
Genereer een site.webmanifest JSON-bestand voor PWA-klare statische websites.
Afbeelding-, SVG- en assettools
Valideer een web-app-manifest JSON tegen de W3C-specificatie met installeerbaarheidschecklist.
Afbeelding-, SVG- en assettools
Genereer QR-codes als SVG voor URL, tekst, e-mail, telefoon en WiFi. Aanpasbare kleuren en grootte.
Afbeelding-, SVG- en assettools
Comprimeer en converteer afbeeldingen lokaal met Canvas API. JPEG/PNG/WebP. Geen upload naar server.
Afbeelding-, SVG- en assettools
Optimaliseer SVG-bestanden door commentaar, metadata en witruimte te verwijderen. Voor/na vergelijking. Lokale verwerking.
Afbeelding-, SVG- en assettools
Converteer SVG-markup naar CSS-data-URI. URL-gecodeerde en Base64-opties met live voorvertoning.
Tools voor metadata, indexering, canonical URL's, social previews en launchchecks.
SEO- en webpublicatietools
Bouw robots.txt-regels voor AI-crawlers met open, selectieve of strikte presets.
SEO- en webpublicatietools
Bouw XML-sitemap-items met hreflang-alternates voor meertalige pagina's.
SEO- en webpublicatietools
Genereer schone hreflang-tags voor meertalige statische websites.
SEO- en webpublicatietools
Valideer llms.txt-bestanden tegen de specificatie op H1, blockquote, secties en Markdown-links.
SEO- en webpublicatietools
Maak social preview metatags voor blogposts en statische página's.
SEO- en webpublicatietools
Genereer een OpenSearch Description XML en HTML-linktag voor de browser-zoekbalk.
SEO- en webpublicatietools
Maak een praktische SEO-checklist voor de launch van een statische website.
SEO- en webpublicatietools
Genereer robots metatags zonder directives uit je hoofd te kennen.
SEO- en webpublicatietools
Genereer canonical link tags voor statische página's en blogposts.
SEO- en webpublicatietools
Maak een llms.txt-bestand voor AI-zoek- en antwoordmachines.
SEO- en webpublicatietools
Genereer een eenvoudig robots.txt-bestand met sitemap- en crawlerregels.
SEO- en webpublicatietools
Genereer start-JSON-LD voor WebSite, Organization, Article, FAQ of BreadcrumbList.
SEO- en webpublicatietools
Zet titels om in schone, kleine letters, met koppeltekens gescheiden URL-slugs.
SEO- en webpublicatietools
Bereken geschatte leestijd op basis van woordenaantal en instelbare leessnelheid.
SEO- en webpublicatietools
Genereer een complete set viewport meta tags plus theme-color en Apple touch icon links.
SEO- en webpublicatietools
Plak een URL-lijst en krijg een complete sitemap.xml voor statische hosting en GitHub Pages.
SEO- en webpublicatietools
Genereer YAML front matter blokken voor Jekyll, Hugo, Astro, 11ty en andere static site generators.
SEO- en webpublicatietools
Plak HTML met koppen en krijg een geneste inhoudsopgave met ankerlinks.
SEO- en webpublicatietools
Genereer een complete RSS 2.0 XML feed voor je statische blog.
SEO- en webpublicatietools
Genereer een JSON Feed bestand voor je statische blog als modern alternatief voor RSS.
SEO- en webpublicatietools
Genereer X-Robots-Tag HTTP-headers en robots-meta-tags voor niet-HTML-bestanden zoals PDF's en afbeeldingen.
Tools voor custom domains, statische publicatie, launchchecks en GitHub Pages onderhoud.
GitHub Pages- en deploymenttools
Genereer Android assetlinks.json en Apple App Site Association voor deep links.
GitHub Pages- en deploymenttools
Bouw correcte Cache-Control HTTP-headers voor statische assets, HTML-pagina's en gevoelige inhoud.
GitHub Pages- en deploymenttools
Plak ruwe HTTP-response-headers en krijg een gegroepeerde uitleg in begrijpelijke taal van elke header.
GitHub Pages- en deploymenttools
Maak CNAME-inhoud en DNS-notities voor een GitHub Pages domein.
GitHub Pages- en deploymenttools
Converteer een CSV-redirecttabel naar Netlify-, Vercel-, Apache- of Nginx-redirectformaten.
GitHub Pages- en deploymenttools
Genereer een 404.html-fallback voor single-page apps op GitHub Pages.
GitHub Pages- en deploymenttools
Voer een domein in en zie voorbeeld A-, AAAA-, CNAME-, MX- en TXT-records.
GitHub Pages- en deploymenttools
Genereer een GitHub Actions workflow YAML om statische sites naar GitHub Pages te deployen.
GitHub Pages- en deploymenttools
Genereer een complete HTML redirect página met de meta refresh tag zonder JavaScript.
GitHub Pages- en deploymenttools
Genereer een vriendelijke 404 foutpágina met navigatielinks voor statische websites.
GitHub Pages- en deploymenttools
Genereer serverconfiguratie voor Zstandard compressie met gzip/brotli fallback voor Nginx, Apache, Cloudflare en Netlify.
Browsertools en snippets voor moderne JavaScript-functies, Web API's en runtime-diagnostiek.
JavaScript- en Web API-tools
Genereer Speculation Rules JSON voor prerendering en prefetching in Chrome en Edge.
JavaScript- en Web API-tools
Genereer JavaScript routering snippets met de Navigation API voor SPA's zonder History API.
JavaScript- en Web API-tools
Genereer ES-module service worker templates met cache-strategieen, precache-lijst en offline ondersteuning.
JavaScript- en Web API-tools
Genereer Report-To en Reporting-Endpoints HTTP-headers voor browserrapporten, CSP-schendingen en Network Error Logging.
JavaScript- en Web API-tools
Test URL-patronen met de URLPattern API — benoemde groepen, wildcards en regex-matching zonder handmatig parsen.
JavaScript- en Web API-tools
Genereer scrollend event handlers die vuren na volledig scrollen met momentum/inertie, met debounce vergelijking.
JavaScript- en Web API-tools
Genereer PerformanceObserver code voor Core Web Vitals (LCP, INP, CLS) met good/needs-improvement/poor drempels.
JavaScript- en Web API-tools
Genereer RegExp.escape() aanroepen om speciale tekens in strings te escapen voor veilige dynamische regex-patronen.
JavaScript- en Web API-tools
Genereer Intl.DurationFormat code voor gelokaliseerde tijdsduur formattering met long/short/narrow/digital stijlen.
JavaScript- en Web API-tools
Genereer CSS ::highlight() en JavaScript Highlight objecten voor het stylen van tekstbereiken zonder DOM-wijzigingen.
JavaScript- en Web API-tools
Genereer WebTransport verbindingssnippets via HTTP/3 (QUIC) met bidirectionele streams en datagrams.