toolbin_

🌐Herramientas web y HTTP en línea

Encuentra todas las herramientas web y HTTP para desarrolladores: codificación/decodificación de URL, entidades HTML, generador Basic Auth, referencia de códigos HTTP, tipos MIME y generador de sitemap. Utilidades gratuitas y rápidas para el desarrollo web del día a día.

Generador de Basic Auth

Genera la cabecera HTTP Authorization: Basic a partir de un usuario y una contraseña.

Generador y decodificador de Bearer Token

Genera la cabecera HTTP Authorization: Bearer y extrae un token de una cabecera.

Ejecuta JavaScript, TypeScript, Python, PHP en línea

Ejecuta JavaScript, TypeScript, Python o PHP y ve el resultado al instante, 100% en tu navegador.

Generador de tonos y matices de color online

Genera los matices claros y oscuros de un color para tu paleta, en tu navegador.

Parser de cabeceras Cookie y Set-Cookie

Descompón una cabecera Cookie o Set-Cookie en pares clave/valor legibles.

Generador de cabeceras CORS (Access-Control-Allow-*)

Genera cabeceras CORS (Access-Control-Allow-*) para tu servidor.

Generador de expresiones cron online

Crea una expresión cron a partir de opciones simples (frecuencia, minuto, hora), en tu navegador.

Generador de Content-Security-Policy (CSP)

Crea una cabecera Content-Security-Policy.

Generador visual de CSS Flexbox online

Genera CSS Flexbox visualmente (justify-content, align-items, direction…), en tu navegador.

Generador visual de CSS Grid en línea

Genera CSS Grid visualmente (columnas, filas, gap), directamente en tu navegador.

Minificar CSS en línea gratis (sin subida)

Minifica CSS (elimina comentarios y espacios) para reducir tus archivos, en tu navegador.

Calculadora de especificidad CSS (a,b,c) en línea

Calcula la especificidad (a,b,c) de un selector CSS para saber qué regla gana, en tu navegador.

Generador de curvas CSS cubic-bezier con vista previa

Genera una curva de aceleración CSS cubic-bezier con vista previa, en tu navegador.

Convertir texto a data URI (Base64)

Convierte texto (HTML, SVG, CSS…) en un data URI codificado en base64.

Generar un archivo .dockerignore en línea

Genera un archivo .dockerignore según el tipo de tu proyecto, directamente en tu navegador.

Generador de archivos .editorconfig en línea para equipos

Genera un archivo .editorconfig (indentación, finales de línea, codificación), directamente en tu navegador.

Generador de archivos .gitignore por stack (Node, Python…)

Genera un archivo .gitignore para tu stack (Node, Python, macOS, IDE…).

Generador de texto con degradado CSS con vista previa en vivo

Genera texto con un degradado de color en CSS (background-clip), con vista previa, en tu navegador.

Codificador de entidades HTML

Escapa o desescapa entidades HTML (<, &, "…).

Minifica HTML en línea gratis (en el navegador)

Minifica HTML (elimina espacios en blanco redundantes y comentarios) para aligerar tus páginas, en tu navegador.

Códigos de estado HTTP: referencia completa

Referencia de códigos de estado HTTP (200, 301, 404, 500…) con su significado.

Generador de marcado JSON-LD Schema.org para SEO

Genera marcado JSON-LD (schema.org) para SEO: Article, Product, LocalBusiness, en tu navegador.

Convertir JSON a query string de URL y viceversa

Convierte un objeto JSON en una query string de URL y viceversa.

Keycode de JavaScript: código de cualquier tecla pulsada

Pulsa una tecla para obtener sus valores JavaScript key, code, keyCode y modificadores.

Generador de archivos LICENSE de código abierto en línea

Genera un archivo LICENSE de código abierto (MIT, Apache-2.0, ISC, BSD) listo para añadir a tu proyecto.

Generar un enlace mailto con asunto y cuerpo

Genera un enlace mailto: con asunto, cuerpo, cc y cco precargados, directamente en tu navegador.

Generador de media queries CSS responsivas

Genera media queries CSS responsivas (breakpoints habituales), directamente en tu navegador.

Generador de etiquetas meta Open Graph y Twitter Card

Genera etiquetas meta de SEO, Open Graph y Twitter Card para tus páginas.

Tipo MIME de una extensión de archivo

Encuentra el tipo MIME de una extensión de archivo y viceversa.

Analizador de query string

Descompón una URL o query string en pares clave/valor legibles.

Generador de robots.txt: crea un archivo robots.txt

Genera un robots.txt listo para desplegar (User-agent, Allow/Disallow, Sitemap), en tu navegador.

Comparador de versiones semánticas (Semver) online

Compara dos versiones semánticas (semver) y descubre cuál es más reciente, en tu navegador.

Generador de Sitemap.xml online (gratis)

Genera un sitemap.xml a partir de una lista de URLs, directamente en tu navegador.

Validador de sitemap XML

Valida un sitemap XML: etiqueta urlset, etiquetas loc y el límite de 50 000 URLs.

Generador de slugs

Convierte cualquier texto en un slug limpio y seguro para URL (sin acentos ni espacios).

Generador de srcset y sizes para imágenes responsive

Genera los atributos srcset y sizes de una imagen responsive (HTML), en tu navegador.

Convierte SVG en un data URI para CSS y HTML

Convierte código SVG en un data URI optimizado (usable en CSS o HTML), en tu navegador.

Codificador / decodificador de URL

Codifica o decodifica una cadena en formato porcentual para usarla en una URL.

Analizar una URL en sus partes

Descompón una URL en sus partes: protocolo, host, puerto, ruta, consulta, hash.

Analizar una cadena User-Agent online

Analiza una cadena User-Agent: navegador, motor, SO y tipo de dispositivo, en tu navegador.

Generador UTM: crea URLs de seguimiento de campañas

Crea una URL de campaña con parámetros UTM (source, medium, campaign…), en tu navegador.

Generador de etiqueta meta viewport para móvil responsive

Genera la etiqueta meta viewport para el diseño responsive en móvil, directamente en tu navegador.

Frequently asked questions

¿Para qué sirve la codificación de URL?

La codificación de URL convierte los caracteres especiales en un formato seguro para los enlaces y las peticiones HTTP, evitando errores en los parámetros y las rutas.

¿Dónde encontrar el significado de los códigos HTTP?

Nuestra referencia de códigos HTTP enumera cada estado (200, 301, 404, 500…) con su significado y uso, para depurar tus API y servidores.