Herramientas de web y DevOps
Las Herramientas de web y DevOps reúnen las pequeñas utilidades repetibles que usas al crear, configurar e implementar sitios y servicios. Genera un bloque de servidor nginx completo o un .htaccess de Apache con el Generador de config de nginx y el Generador de .htaccess, crea archivos de SEO con el Generador de robots.txt y el Generador de sitemap XML, y prepara repositorios con el Generador de .gitignore. La Calculadora de Chmod convierte permisos de Unix entre octal y rwx simbólico, la referencia de Estados HTTP y tipos MIME hace que los códigos de estado y los tipos de contenido sean buscables, la Calculadora de Semver analiza, compara y comprueba rangos de versiones semánticas, y el Generador de Open Graph crea etiquetas meta sociales con una vista previa en vivo de la tarjeta. Pensadas para desarrolladores e ingenieros de DevOps, cada herramienta se ejecuta en tu navegador, así que los dominios, rutas y valores que introduces se procesan en tu dispositivo y nada se sube.
- Calculadora de chmod — Convierte permisos de archivo de Unix entre octal y simbólico (rwx).
- Generador de .gitignore — Crea un .gitignore a partir de plantillas comunes de lenguajes y herramientas.
- Estados HTTP y tipos MIME — Referencia buscable de códigos de estado HTTP y tipos de contenido MIME.
- Generador de Open Graph — Genera etiquetas meta Open Graph y Twitter con vista previa de tarjeta social.
- Generador de robots.txt — Construye un robots.txt con reglas de User-agent y sitemaps.
- Generador de Sitemap XML — Convierte una lista de URL en un sitemap.xml válido.
- Generador de .htaccess — Crea reglas de Apache: HTTPS, redirecciones, gzip y caché.
- Generador de Configuración nginx — Construye un bloque de servidor nginx con SSL, proxy y gzip.
- Calculadora de Semver — Analiza, compara, verifica rangos e incrementa versiones semánticas.
- Generador de Cache-Control — Crea un encabezado HTTP Cache-Control correcto con interruptores y tiempos humanos.
- Generador de meta etiquetas — Genera meta etiquetas de SEO, Open Graph y Twitter Card.
- Generador de CSP — Construye una cabecera Content-Security-Policy directiva por directiva.
- Generador de htpasswd — Genera una línea .htpasswd con bcrypt o SHA-1 para Apache y nginx.
- Colores Tailwind — Crea una escala de tonos Tailwind 50-950 en OKLCH desde un color.
- Generador de CSS Grid — Diseña una cuadrícula CSS de forma visual y copia el grid-template.
- Calculadora de clamp CSS — Convierte tamaños mín/máx en un valor clamp() CSS fluido.
- Cubic bezier — Da forma a curvas de easing cubic-bezier() de CSS arrastrando puntos.
- Mapa de redirecciones — Convierte una lista de URL en reglas de redirección 301 por plataforma.
- Generador de JSON-LD — Crea datos estructurados válidos de schema.org listos para pegar.
- Conversor de Query String a JSON — Convierte una query string de URL en JSON con formato y de vuelta.
- Conversor de HTML a JSX — Convierte HTML en JSX de React válido: class pasa a className y más.
- Generador de Gradientes CSS — Diseña gradientes lineales, radiales y cónicos con paradas de color en vivo.
- Generador de Box Shadow CSS — Crea sombras CSS en capas con vista previa en vivo
- Generador de Border Radius — Crea border-radius CSS simple, por esquina o en blob con vista previa en vivo
- Generador de .editorconfig — Crea un .editorconfig con indentación, charset y saltos de línea.
- Calculadora de relación de aspecto — Simplifica proporciones, resuelve dimensiones, CSS incluido.
Preguntas frecuentes
- ¿Qué puedo hacer con estas Herramientas de web y DevOps?
- Puedes generar un bloque de servidor nginx o un .htaccess de Apache, crear un robots.txt y un sitemap XML, ensamblar un .gitignore, convertir permisos chmod entre octal y rwx simbólico, buscar códigos de estado HTTP y tipos MIME, trabajar con rangos de semver, y crear etiquetas meta de Open Graph y Twitter: las tareas cotidianas que surgen al crear, configurar e implementar proyectos web.
- ¿Qué formatos de config de servidor generan estas herramientas?
- El Generador de config de nginx construye un bloque de servidor completo para sitios estáticos o proxies inversos con SSL, gzip y caché opcionales, mientras que el Generador de .htaccess produce reglas de Apache para redirecciones a HTTPS y www, 301s, compresión, caché y encabezados de seguridad. Ambos se actualizan en vivo y te permiten copiar o descargar el archivo.
- ¿Puedo crear archivos robots.txt y sitemap.xml aquí?
- Sí. El Generador de robots.txt te permite construir grupos de user-agent con rutas allow/disallow, crawl-delay y líneas de sitemap, y el Generador de sitemap XML convierte una lista de URLs en un sitemap.xml conforme al estándar con lastmod, changefreq y priority opcionales, ambos listos para copiar o descargar.
- ¿Son seguras estas Herramientas de web y DevOps?
- Sí. Cada herramienta se ejecuta en tu navegador, así que las configs, los permisos, las plantillas de exclusión, las URLs y los valores meta se procesan en tu dispositivo. Nada se sube, lo que significa que los dominios internos, las rutas y las direcciones IP permanecen contigo.
- ¿Funcionan las Herramientas de web y DevOps sin conexión?
- Una vez que la página ha cargado, las herramientas se ejecutan en el cliente, así que los generadores de config, la calculadora de chmod, la referencia HTTP, la calculadora de semver y el Generador de Open Graph siguen funcionando sin una conexión activa. Tus entradas se calculan de forma local en lugar de enviarse a un backend.
- ¿Para quién están hechas estas Herramientas de web y DevOps?
- Están hechas para desarrolladores, ingenieros de DevOps y de plataforma, y dueños de sitios que montan infraestructura web: cualquiera que necesite generar una config de servidor, producir archivos de SEO, fijar permisos de archivos, razonar sobre versiones o preparar páginas para compartir sin cambiar a una terminal o a una referencia a medias recordada.