Herramientas de HTML y accesibilidad
Generador de regiones ARIA live
Crea regiones ARIA live accesibles para anuncios de lectores de pantalla.
Herramientas
Pequeñas herramientas web que funcionan en el navegador
Genera etiquetas, limpia detalles de lanzamiento y prepara páginas estáticas sin cuenta ni subidas.
Herramientas de HTML y accesibilidad
Ayudas para etiquetas HTML, head markup, snippets y flujos de publicación.
Abrir herramienta
Herramientas de HTML y accesibilidad
Generador de select personalizable
Genera CSS para elementos select personalizables con appearance: base-select, iconos del selector, marcas de selección y estilos para los estados abierto y cerrado.
Herramientas de HTML y accesibilidad
Generador de Shadow DOM declarativo
Crea snippets HTML para Shadow DOM declarativo con CSS aislado, slots y renderizado del servidor.
Herramientas de HTML y accesibilidad
Generador de anillo de foco CSS
Crea reglas CSS :focus-visible accesibles con outline o box-shadow y verificación de contraste.
Herramientas de HTML y accesibilidad
Generador de comandos HTML Invoker
Genera botones de comando declarativos para diálogos, popovers y elementos details con la API Invoker Commands. No requiere JavaScript.
Herramientas de HTML y accesibilidad
Generador HTML link rel
Genera etiquetas link para preload, preconnect, dns-prefetch, canonical y alternate.
Herramientas de HTML y accesibilidad
Generador de iframe responsive
Crea marcado iframe responsive para videos, mapas, demos y documentación.
Herramientas de HTML y accesibilidad
Comprobador de tamaño táctil
Verifica elementos interactivos según WCAG 2.2 tamaño mínimo (2.5.8) con resultados AA/AAA y recomendaciones CSS.
Herramientas de HTML y accesibilidad
Comprobador de jerarquia HTML
Pega HTML y visualiza el árbol de encabezados. Encuentra niveles saltados y h1 faltantes.
Herramientas de HTML y accesibilidad
Referencia rapida de entidades HTML
Busca y copia entidades HTML comunes: flechas, guiones, comillas y simbolos.
Herramientas de HTML y accesibilidad
Generador HTML popover
Genera marcado popover HTML nativo usando popovertarget y la API Popover sin JavaScript.
Herramientas de HTML y accesibilidad
Generador HTML de dialogo modal
Genera un dialogo modal HTML nativo con botones de abrir y cerrar.
Herramientas de HTML y accesibilidad
Generador de enlace de salto accesible
Genera un enlace de salto accesible con CSS para navegación por teclado.
Herramientas de HTML y accesibilidad
Comprobador de landmarks HTML
Pega HTML y verifica elementos landmark ARIA para navegación con lector de pantalla.
Herramientas de HTML y accesibilidad
Generador de atributos input
Genera elementos input HTML con atributos específicos por tipo para formularios.
Herramientas de HTML y accesibilidad
Generador de atributo fetchpriority
Genera atributos fetchpriority para imágenes, scripts y etiquetas link.
Herramientas de HTML y accesibilidad
Constructor de etiquetas preload
Genera etiquetas link preload correctas para fuentes, imágenes hero, CSS y scripts.
Herramientas de HTML y accesibilidad
Generador de etiquetas modulepreload
Genera etiquetas link modulepreload para modulos ES en Vite, Astro y sitios estáticos modernos.
Herramientas de HTML y accesibilidad
Constructor de atributos de carga de imagen
Crea etiquetas img optimizadas combinando loading, decoding y fetchpriority.
Herramientas de HTML y accesibilidad
Generador de acordeon HTML details
Genera acordeones FAQ con elementos nativos details y summary sin JavaScript.
Herramientas de HTML y accesibilidad
Generador de atributos de enlace externo
Genera marcado de enlace externo con atributos rel correctos para seguridad y SEO.
Herramientas de HTML y accesibilidad
Constructor de estrategia de carga de script
Genera etiquetas script con la estrategia correcta — normal, defer, async o type module.
Herramientas de HTML y accesibilidad
Generador contenteditable=plaintext-only
Genere HTML accesible con contenteditable=plaintext-only para entrada de texto plano sin formato enriquecido.
Herramientas de HTML y accesibilidad
Generador de input de carga de directorio
Genere inputs HTML con webkitdirectory para carga de carpetas, zona de arrastrar y soltar y lista de archivos con webkitRelativePath.
Herramientas de HTML y accesibilidad
Generador de popover interest invoker
Genere HTML declarativo con interestfor para popovers activados por hover y focus sin JavaScript.
Herramientas de HTML y accesibilidad
Generador de snippet ARIA Notify
Genere llamadas ariaNotify() para anuncios programaticos de lectores de pantalla con fallback aria-live.
Herramientas de CSS y diseño
Generadores CSS para layouts responsive, espaciado, pulido móvil y detalles de interfaz.
Herramientas de CSS y diseño
Calculadora de unidades container query
Calcula valores clamp() con unidades de consulta de contenedor para tamaños responsive por componente.
Herramientas de CSS y diseño
Generador de carruseles CSS
Genera el marcado de un carrusel CSS nativo con scroll-snap, botones de desplazamiento, marcadores y una estructura de lista accesible. No requiere JavaScript.
Herramientas de CSS y diseño
Generador de consultas CSS Scroll-State
Genera consultas de contenedor CSS scroll-state() para aplicar estilos a elementos ajustados, fijados o desplazables. Incluye un fallback de JavaScript para otros navegadores.
Herramientas de CSS y diseño
Generador de layout Subgrid CSS
Crea CSS de grid padre y subgrid hijo con alineación compartida de pistas.
Herramientas de CSS y diseño
Calculadora CSS clamp()
Calcula valores CSS clamp responsive para tipografía y espaciado.
Herramientas de CSS y diseño
Generador CSS safe-area-insets
Genera CSS para areas seguras en telefonos con notch o esquinas redondeadas.
Herramientas de CSS y diseño
Comprobador de contraste CSS
Comprueba la relacion de contraste entre dos colores segun las normas WCAG.
Herramientas de CSS y diseño
Constructor box-shadow CSS
Construye visualmente declaraciones box-shadow ajustando desplazamiento, desenfoque, extension y color.
Herramientas de CSS y diseño
Generador CSS Flexbox
Genera CSS flexbox y un esqueleto HTML a partir de las propiedades flex seleccionadas.
Herramientas de CSS y diseño
Constructor border-radius CSS
Define cada esquina redondeada y genera la declaración CSS border-radius.
Herramientas de CSS y diseño
Generador de transiciones de vista
Genera CSS y JavaScript para la API View Transitions con transiciones de página y de elementos, compatibilidad con SPA y MPA, y fallback para reduced-motion.
Herramientas de CSS y diseño
Planificador de capas CSS
Planifica el orden @layer y genera una estructura de capas CSS con reglas de ejemplo.
Herramientas de CSS y diseño
Generador CSS content-visibility
Genera CSS para content-visibility y contain-intrinsic-size para acelerar páginas largas.
Herramientas de CSS y diseño
Generador CSS overscroll-behavior
Genera CSS overscroll-behavior para controlar pull-to-refresh y encadenamiento de desplazamiento.
Herramientas de CSS y diseño
Generador CSS scroll-snap
Genera reglas CSS scroll-snap para carruseles, galerias y desplazamiento horizontal.
Herramientas de CSS y diseño
Generador de container queries CSS
Genera reglas @container CSS para diseno responsive basado en componentes.
Herramientas de CSS y diseño
Calculadora de relacion de aspecto
Calcula valores CSS aspect-ratio y fallbacks padding-bottom para evitar layout shift.
Herramientas de CSS y diseño
Generador de unidades viewport dinamicas
Genera CSS con unidades viewport dinamicas (dvh, svh, lvh) con fallbacks.
Herramientas de CSS y diseño
Conversor de propiedades lógicas CSS
Convierte propiedades CSS físicas en lógicas para diseños RTL y multilingües.
Herramientas de CSS y diseño
Generador CSS anchor positioning
Genera reglas CSS anchor positioning para tooltips, dropdowns y callouts.
Herramientas de CSS y diseño
Generador de animaciones de desplazamiento
Genera animaciones CSS de desplazamiento con animation-timeline.
Herramientas de CSS y diseño
Generador de transiciones discretas
Genera CSS para animar elementos que aparecen o desaparecen.
Herramientas de CSS y diseño
Generador de funcion CSS light-dark()
Genera reglas CSS color-scheme y light-dark() para modo oscuro.
Herramientas de CSS y diseño
Generador CSS color-mix()
Genera llamadas color-mix() CSS para estados hover, bordes, fondos y texto atenuado.
Herramientas de CSS y diseño
Generador de sintaxis de color relativa CSS
Genera sintaxis de color relativa CSS para variantes alfa, claras, oscuras y ajustadas.
Herramientas de CSS y diseño
Generador de estilos de impresion CSS
Genera una hoja de estilo de impresion para ocultar navegación y mostrar URLs.
Herramientas de CSS y diseño
Generador de funcion CSS contrast-color()
Genere expresiones contrast-color() CSS que seleccionan automaticamente el color de texto mas legible de una lista.
Herramientas de CSS y diseño
Generador de CSS attr() tipado
Genere expresiones attr() tipadas con conversion de tipos para estilos CSS basados en atributos de datos.
Herramientas de CSS y diseño
Constructor de funcion CSS if()
Cree condicionales CSS if() usando condiciones style(), media() y supports() para valores responsivos sin consultas @media.
Herramientas de CSS y diseño
Generador CSS de sibling-index y sibling-count
Genere CSS con sibling-index() y sibling-count() para estilos basados en posicion DOM sin selectores nth-child.
Herramientas de CSS y diseño
Calculadora de funcion CSS progress()
Calcule valores de la funcion CSS progress() para animaciones basadas en scroll y mapeo de valores.
Herramientas de CSS y diseño
Generador de dimensionamiento CSS stretch
Genere CSS usando la palabra clave stretch para dimensionamiento fill-available en layouts block, flex, grid y absolutamente posicionados.
Herramientas de CSS y diseño
Constructor CSS text-indent hanging/each-line
Genere declaraciones text-indent CSS con palabras clave hanging y each-line para sangria francesa y sangria tras saltos de linea.
Herramientas de CSS y diseño
Calculadora de unidades CSS root-relative
Calcule equivalentes en pixeles para unidades rcap, rch, rex y ric basadas en el tamano de fuente raiz. Compare con rem.
Herramientas de CSS y diseño
Generador de funcion CSS shape()
Genere funciones CSS shape() para formas no rectangulares con clip-path y shape-outside.
Herramientas de CSS y diseño
Constructor de reglas CSS @scope
Genere reglas CSS @scope para estilizar subarboles DOM sin BEM ni CSS Modules.
Herramientas de CSS y diseño
Generador de Gradientes CSS
Constructor visual de gradientes CSS lineales, radiales y cónicos con vista previa en vivo. Ajuste ángulo, paradas de color y posiciones. Copie CSS limpio.
Herramientas de CSS y diseño
Generador de Filtros CSS
Editor visual de filtros CSS con nueve funciones de filtro y vista previa en vivo. Pruebe en muestra de degradado o URL de imagen opcional. Copie CSS limpio.
Herramientas de CSS y diseño
Generador de Sombra de Texto CSS
Cree sombras de texto CSS multicapa con ajustes preestablecidos neón, resplandor, 3D y contorno. Personalice texto, tamaño y hasta tres capas. Vista previa en vivo.
Herramientas de CSS y diseño
Generador de Animaciones CSS Keyframes
Nueve ajustes preestablecidos de animación (fade, slide, scale, spin, pulse, bounce, shake) con duración, easing e iteración personalizables. Vista previa en vivo.
Herramientas de CSS y diseño
Generador de Transformaciones 3D CSS
Constructor visual de transformaciones 3D CSS con controles de rotación, traslación, escala, perspectiva y origen. Tarjeta de vista previa en vivo.
Herramientas de JSON, datos y formato
Herramientas en el navegador para validar, convertir, comparar y formatear datos estructurados y texto.
Herramientas de JSON, datos y formato
Formateador y validador JSON
Formatee, valide, minifique y visualice datos JSON en arbol. Detecta comas finales y muestra posiciones de error. Todo el procesamiento ocurre localmente en su navegador.
Herramientas de JSON, datos y formato
Convertidor JSON a CSV
Convierta arrays JSON a CSV o TSV. Aplane objetos anidados con notacion de puntos, elija delimitadores e incluya filas de encabezado.
Herramientas de JSON, datos y formato
Convertidor YAML-JSON
Convierta bidireccionalmente entre YAML y JSON. Maneja estructuras anidadas, arrays y valores escalares. Ideal para archivos de configuracion.
Herramientas de JSON, datos y formato
Probador JSONPath
Pruebe expresiones JSONPath contra datos JSON. Soporta notacion de puntos, comodines, filtros e indices de array. Muestra resultados coincidentes.
Herramientas de JSON, datos y formato
Generador y validador de esquema JSON
Genere un esquema JSON a partir de datos de muestra o valide JSON contra un esquema. Soporta multiples drafts y deduce tipos automaticamente.
Herramientas de JSON, datos y formato
Probador y Depurador de Expresiones Regulares
Pruebe expresiones regulares con resaltado de coincidencias, grupos de captura y vista previa de reemplazo. Todo el procesamiento es local en el navegador.
Herramientas de JSON, datos y formato
Analizador y Constructor de Cadenas de Consulta
Analice cadenas de consulta de URL en tablas clave-valor, o construya cadenas de consulta a partir de parámetros. Detecta duplicados y ordena parámetros.
Herramientas de JSON, datos y formato
Convertidor de Timestamp Unix
Convierta entre timestamps Unix y fechas legibles con soporte de zona horaria
Herramientas de JSON, datos y formato
Constructor de Expresion Cron
Construya y comprenda expresiones de programacion cron con preajustes o campos personalizados
Herramientas de JSON, datos y formato
Verificador de Diferencias de Texto
Compare dos textos linea por linea o lado a lado con resaltado visual
Herramientas de JSON, datos y formato
Editor de Vista Previa Markdown
Editor Markdown de pantalla dividida con vista previa en vivo de GitHub-Flavored Markdown. Compatible con encabezados, negrita/cursiva, enlaces, bloques de codigo, tablas y listas de tareas.
Herramientas de codificación, hash y seguridad
Herramientas para codificación, hashes, tokens y cabeceras de seguridad con resultados legibles antes de usarlos.
Herramientas de codificación, hash y seguridad
Generador de cabeceras COOP/COEP/CORP
Configura cabeceras de aislamiento cross-origin para SharedArrayBuffer, WASM y seguridad.
Herramientas de codificación, hash y seguridad
Generador de cabeceras CORS
Genera cabeceras HTTP CORS para cualquier configuración de origen, métodos y credenciales.
Herramientas de codificación, hash y seguridad
Generador de hash CSP
Genera valores hash CSP para scripts y estilos inline. Hashea el código exacto con SHA-256, SHA-384 o SHA-512.
Herramientas de codificación, hash y seguridad
Generador de config Sanitizer HTML
Crea configuraciones de lista permitida para Sanitizer API y DOMPurify para renderizado HTML seguro.
Herramientas de codificación, hash y seguridad
Generador & validador security.txt
Genera y valida archivos security.txt según RFC 9116 con guía de alojamiento.
Herramientas de codificación, hash y seguridad
Generador de hash SRI
Genera hashes Subresource Integrity para archivos script y stylesheet con SHA-256, SHA-384 o SHA-512.
Herramientas de codificación, hash y seguridad
Generador de claves VAPID
Genera un par de claves VAPID para notificaciones Web Push usando la API Web Crypto.
Herramientas de codificación, hash y seguridad
Generador iframe sandbox y allow
Genera marcado iframe seguro con banderas sandbox y permisos allow por tipo de insercion.
Herramientas de codificación, hash y seguridad
Generador de cabecera Permissions-Policy
Genera una cabecera HTTP Permissions-Policy para controlar el accesoà las funciones del navegador en tu sitio.
Herramientas de codificación, hash y seguridad
Generador de politica CSP para sitios estáticos
Genera una cabecera Content-Security-Policy para sitios estáticos con opciones de CDN, analiticas, fuentes y embebidos.
Herramientas de codificación, hash y seguridad
Generador de etiqueta Referrer-Policy
Genera un encabezado o meta tag Referrer-Policy para controlar información de referrer.
Herramientas de codificación, hash y seguridad
Generador de politicas Trusted Types
Genere politicas Trusted Types y cabeceras CSP para prevenir XSS basado en DOM con valores tipados para sumideros DOM peligrosos.
Herramientas de codificación, hash y seguridad
Conversor Uint8Array Base64/Hex
Genere snippets con Uint8Array.toBase64(), .toHex(), .fromBase64() y .fromHex() para codificacion binaria nativa.
Herramientas de codificación, hash y seguridad
Decodificador JWT e Inspector de Claims
Decodifique tokens JWT para inspeccionar el encabezado, los claims del payload y las marcas de tiempo. Toda la decodificación ocurre localmente – ningún token se envía a ningún servidor.
Herramientas de codificación, hash y seguridad
Codificador y Decodificador Base64
Codifique texto a Base64 o decodifique Base64 a texto. Soporta la variante Base64 segura para URL. Todo el procesamiento es local.
Herramientas de codificación, hash y seguridad
Codificador y Decodificador de URL
Codifique o decodifique cadenas codificadas en URL. Soporta los modos encodeURIComponent (completo) y encodeURI (seguro para URL).
Herramientas de codificación, hash y seguridad
Generador de UUID
Genere identificadores UUID v4 (aleatorio) o v7 (ordenados por tiempo) con opciones configurables
Herramientas de codificación, hash y seguridad
Generador de Hash y HMAC
Genere hashes criptograficos y codigo JavaScript HMAC usando la Web Crypto API
Herramientas de imágenes, SVG y recursos
Ayudas locales para iconos, marcado de imagen, rutas de assets y archivos estáticos.
Herramientas de imágenes, SVG y recursos
Generador de zona segura de icono PWA
Sube un icono y previsualiza la zona segura maskable PWA con superposición.
Herramientas de imágenes, SVG y recursos
Generador HTML de favicon
Genera etiquetas de favicon e iconos web app para sitios estáticos.
Herramientas de imágenes, SVG y recursos
Generador de marcado de imagen responsive
Crea marcado img o picture con srcset, sizes, ancho, alto y texto alt.
Herramientas de imágenes, SVG y recursos
Generador de manifiesto de app web
Genera un archivo JSON site.webmanifest para sitios estáticos listos para PWA.
Herramientas de imágenes, SVG y recursos
Validador de manifiesto web
Valida un manifiesto web JSON contra la especificación W3C con lista de verificación de instalabilidad.
Herramientas de imágenes, SVG y recursos
Generador de Codigos QR
Genere codigos QR como SVG para URL, texto, correo electronico, telefono y WiFi. Colores y tamano personalizables.
Herramientas de imágenes, SVG y recursos
Compresor y Conversor de Imagenes
Comprima y convierta imagenes localmente usando Canvas API. JPEG/PNG/WebP. Sin carga al servidor.
Herramientas de imágenes, SVG y recursos
Optimizador SVG
Optimice archivos SVG eliminando comentarios, metadatos y espacios. Comparacion antes/despues. Procesamiento local.
Herramientas de imágenes, SVG y recursos
Convertidor SVG a URI de Datos CSS
Convierta SVG a URI de datos CSS. Opciones URL-codificado y Base64 con vista previa en vivo.
Herramientas de SEO y publicación web
Herramientas para metadatos, indexación, canonical, vistas previas sociales y revisiones de lanzamiento.
Herramientas de SEO y publicación web
Generador robots.txt para crawlers IA
Crea reglas robots.txt para crawlers de IA con plantillas abiertas, selectivas o estrictas.
Herramientas de SEO y publicación web
Generador de sitemap hreflang
Crea entradas de sitemap XML con alternativas hreflang para páginas multilingües.
Herramientas de SEO y publicación web
Generador de etiquetas hreflang
Genera etiquetas hreflang limpias para sitios estáticos multilingües.
Herramientas de SEO y publicación web
Validador llms.txt
Valida archivos llms.txt según la especificación: H1, blockquote, secciones y enlaces Markdown.
Herramientas de SEO y publicación web
Generador Open Graph y Twitter Card
Crea meta etiquetas de vista previa social para posts y páginas estáticas.
Herramientas de SEO y publicación web
Generador OpenSearch Description
Genera un XML OpenSearch Description y un tag link HTML para la barra de búsqueda del navegador.
Herramientas de SEO y publicación web
Generador de checklist SEO para sitios estáticos
Genera una checklist SEO práctica antes de lanzar un sitio estático.
Herramientas de SEO y publicación web
Generador de meta robots
Genera meta robots sin memorizar la sintaxis de directivas.
Herramientas de SEO y publicación web
Generador de etiqueta canonical
Genera etiquetas canonical para páginas estáticas y posts.
Herramientas de SEO y publicación web
Generador de llms.txt
Crea un archivo llms.txt para motores de búsqueda y respuesta de IA.
Herramientas de SEO y publicación web
Constructor de robots.txt
Crea un archivo robots.txt simple con reglas de sitemap y rastreo.
Herramientas de SEO y publicación web
Constructor JSON-LD basico
Genera JSON-LD basico para WebSite, Organization, Article, FAQ o BreadcrumbList.
Herramientas de SEO y publicación web
Generador de slug URL
Convierte títulos en slugs limpios, en minusculas y separados por guiones.
Herramientas de SEO y publicación web
Estimador de tiempo de lectura
Calcula el tiempo de lectura estimadoà partir del recuento de palabras y velocidad ajustable.
Herramientas de SEO y publicación web
Generador de metaetiquetas viewport
Genera un conjunto completo de metaetiquetas viewport, theme-color y Apple touch icon.
Herramientas de SEO y publicación web
Constructor sitemap.xml estático
Pega una lista de URLs y obten un archivo sitemap.xml completo para hosting estático y GitHub Pages.
Herramientas de SEO y publicación web
Generador de front matter Markdown
Genera bloques YAML front matter para Jekyll, Hugo, Astro, 11ty y otros generadores de sitios estáticos.
Herramientas de SEO y publicación web
Generador de indice con anclas
Pega HTML con encabezados y obten un indice anidado con enlaces de anclaje.
Herramientas de SEO y publicación web
Generador de feed RSS
Genera un feed RSS 2.0 XML completo para tu blog estático.
Herramientas de SEO y publicación web
Generador de feed JSON Feed
Genera un archivo JSON Feed para tu blog estático cómo alternativa moderna al RSS.
Herramientas de SEO y publicación web
Generador de cabecera X-Robots-Tag
Genera cabeceras HTTP X-Robots-Tag y etiquetas meta robots para archivos no HTML como PDFs e imágenes.
Herramientas de GitHub Pages y despliegue
Herramientas para dominios personalizados, publicación estática, revisiones de lanzamiento y mantenimiento.
Herramientas de GitHub Pages y despliegue
Generador Assetlinks & AASA
Genera assetlinks.json de Android y Apple App Site Association para enlaces profundos.
Herramientas de GitHub Pages y despliegue
Generador de cabecera Cache-Control
Crea cabeceras HTTP Cache-Control correctas para assets estáticos, páginas HTML y contenido sensible.
Herramientas de GitHub Pages y despliegue
Analizador de cabeceras HTTP
Pega cabeceras HTTP sin procesar y obtén una explicación agrupada en lenguaje claro de cada una.
Herramientas de GitHub Pages y despliegue
Asistente CNAME para GitHub Pages
Crea contenido CNAME y notas DNS para un dominio de GitHub Pages.
Herramientas de GitHub Pages y despliegue
Conversor de mapa de redirecciones
Convierte una tabla CSV de redirecciones a formatos Netlify, Vercel, Apache o Nginx.
Herramientas de GitHub Pages y despliegue
Ayudante 404 para SPA en GitHub Pages
Crea un fallback 404.html para aplicaciones de una sola página en GitHub Pages.
Herramientas de GitHub Pages y despliegue
Referencia rapida de registros DNS
Ingresa un dominio y obtén ejemplos de registros A, AAAA, CNAME, MX y TXT.
Herramientas de GitHub Pages y despliegue
Generador de workflow GitHub Pages
Genera un YAML de workflow de GitHub Actions para desplegar sitios estáticos en GitHub Pages.
Herramientas de GitHub Pages y despliegue
Generador de página de redirección sin JS
Genera una página HTML de redirección completa usando meta refresh sin JavaScript.
Herramientas de GitHub Pages y despliegue
Generador de plantilla página 404 estática
Genera una página 404 amigable con enlaces de navegación para sitios estáticos.
Herramientas de GitHub Pages y despliegue
Ayudante de cabecera de compresion Zstandard
Genere configuracion de servidor para compresion Zstandard con fallback gzip/brotli para Nginx, Apache, Cloudflare y Netlify.
Herramientas de JavaScript y API web
Herramientas y fragmentos para funciones modernas de JavaScript, API web y diagnóstico en el navegador.
Herramientas de JavaScript y API web
Generador de reglas de especulacion
Genera JSON Speculation Rules para prerendering y prefetching de páginas en Chrome y Edge.
Herramientas de JavaScript y API web
Generador de snippets Navigation API Router
Genere snippets de enrutamiento JavaScript con la API Navigation para SPAs, sin History API.
Herramientas de JavaScript y API web
Generador de plantillas Service Worker modulo ES
Genere plantillas de service workers en modulo ES con estrategias de cache, lista de precache y soporte offline.
Herramientas de JavaScript y API web
Generador de cabeceras Reporting API
Genere cabeceras HTTP Report-To y Reporting-Endpoints para informes del navegador, violaciones CSP y Network Error Logging.
Herramientas de JavaScript y API web
Probador de URLPattern
Pruebe patrones de URL con la API URLPattern — grupos nombrados, comodines y coincidencia regex sin analisis manual.
Herramientas de JavaScript y API web
Generador de snippet scrollend
Genere manejadores de evento scrollend que se disparan tras el desplazamiento completo con inercia, con comparacion debounce.
Herramientas de JavaScript y API web
Generador de snippet PerformanceObserver
Genere codigo PerformanceObserver para Core Web Vitals (LCP, INP, CLS) con umbrales good/needs-improvement/poor.
Herramientas de JavaScript y API web
Ayudante RegExp.escape()
Genere llamadas RegExp.escape() para escapar caracteres especiales en cadenas para patrones regex dinamicos seguros.
Herramientas de JavaScript y API web
Generador Intl.DurationFormat
Genere codigo Intl.DurationFormat para formato de duracion localizado con estilos long/short/narrow/digital.
Herramientas de JavaScript y API web
Generador de API Custom Highlights
Genere pseudoelementos CSS ::highlight() y objetos Highlight JavaScript para estilizar rangos de texto sin modificar el DOM.
Herramientas de JavaScript y API web
Ayudante WebTransport URL Template
Genere snippets de conexion WebTransport via HTTP/3 (QUIC) con streams bidireccionales y datagramas.