Guías y artículos

Explicaciones prácticas para desarrolladores, defensores de la privacidad y usuarios avanzados.

El blog de NoxaKit trata el lado práctico y respetuoso con la privacidad de las herramientas web y las utilidades para desarrollo. Cada artículo está escrito para quien quiere entender cómo funcionan las cosas, no solo qué botón pulsar.

Encontrarás explicaciones sobre el fingerprinting del navegador y qué datos pueden recoger los sitios sin cookies, análisis a fondo de formatos como los tokens JWT o JSON frente a YAML, y guías de tareas cotidianas como convertir formatos de imagen o generar contraseñas seguras sin confiar en un servicio de terceros.

Los artículos se agrupan en tres temas: privacidad y seguridad, qué ven los sitios web y cómo protegerte; utilidades para desarrollo, con formatos, codificaciones, regex y CSS explicados con claridad; y calculadoras prácticas, como IMC, fechas y conversión de unidades, con las matemáticas detrás. Todas las herramientas que se mencionan funcionan por completo en tu navegador: no se envía nada a ningún servidor.

Tanto si eres desarrollador, un usuario avanzado preocupado por la privacidad o simplemente alguien que quiere entender las herramientas que usa a diario, estas guías están escritas para ser directas y sin jerga. Se publican artículos nuevos con regularidad, según van surgiendo herramientas y temas.

seguridadwebdesarrollo

Content Security Policy: frena el XSS con cabeceras HTTP

Una política de seguridad de contenido es la defensa más eficaz que ofrece el navegador contra los ataques de scripts entre sitios. Aquí tienes cómo funciona, qué significan sus directivas y cómo montar una sin romper tu web.

·7 min de lectura
desarrollodatospráctico

El formato CSV: separadores, comillas y codificación

El CSV es el formato de intercambio de datos más universal y el que peor se implementa. Aquí tienes la guía completa de cómo funciona de verdad, por qué se rompe y cómo tratar bien los casos límite.

·6 min de lectura
privacidadseguridadredes

Cómo funciona una VPN: túneles, cifrado y sus límites

Las VPN se anuncian muchísimo y se entienden poco. Esto es lo que le hace realmente una VPN a tu tráfico, de qué te protege de verdad y qué mitos de privacidad no se sostienen.

·7 min de lectura
desarrolloAPIdatos

JSON Schema: cómo validar la estructura de tus datos

JSON Schema te permite definir exactamente cómo es un JSON válido: tipos, campos obligatorios, valores admitidos y estructuras anidadas. Así se escriben esquemas que cazan errores de verdad.

·6 min de lectura
seguridadautenticaciónprivacidad

Verificación en dos pasos: TOTP, SMS y llaves físicas

La verificación en dos pasos añade un segundo control al iniciar sesión, pero no todos los métodos protegen igual. Aquí tienes cómo funcionan técnicamente las aplicaciones de códigos TOTP y por qué el SMS es más débil de lo que parece.

·6 min de lectura
prácticodocumentosdesarrollo

Cómo funciona un PDF: estructura, fuentes y edición

El PDF es el formato de documento más universal y también uno de los peor entendidos. Conocer su estructura explica por qué editarlos es tan difícil, por qué desaparecen las fuentes y cómo funcionan de verdad la compresión y el censurado.

·7 min de lectura
desarrollocssdiseño

HEX, RGB, HSL y OKLCH: qué formato de color usar en CSS

CSS admite seis formatos de color. Casi todo el mundo usa HEX por costumbre, pero HSL y OKLCH son mucho más útiles para los sistemas de diseño y los temas dinámicos. Así funciona cada uno y cuándo conviene.

·6 min de lectura
desarrollowebAPI

Codificación de URL: por qué %20 significa espacio

Las direcciones web solo admiten un conjunto concreto de caracteres, y todo lo demás hay que codificarlo con porcentajes. Conocer las reglas evita errores muy difíciles de localizar en API, redirecciones y cadenas de consulta.

·5 min de lectura
desarrolloprivacidadseguridad

Cookies, localStorage y sessionStorage: cuál usar

Los tres guardan datos en el navegador, pero tienen propiedades de seguridad, persistencia y usos completamente distintos. Elegir el equivocado es uno de los errores de seguridad más habituales al desarrollar webs.

·6 min de lectura
saludnutricióncalculadoras

Déficit calórico, TMB y macros: calcula lo que necesitas

Casi todas las calculadoras de calorías te dan un número sin explicarlo. Aquí tienes la ciencia detrás de la TMB, el gasto diario, el déficit objetivo y el reparto de macronutrientes, para que entiendas de dónde salen las cifras.

·7 min de lectura
desarrolloescrituraproductividad

Chuleta de Markdown: toda la sintaxis con ejemplos

Markdown es el formato por defecto de los archivos README, la documentación y los generadores de sitios estáticos. Esta es la referencia completa, del formato básico a las tablas, las listas de tareas y las notas al pie.

·5 min de lectura
desarrolloredesweb

Cómo funciona el DNS, la guía telefónica de internet

Cada vez que escribes una dirección web, el DNS la traduce a una dirección IP. Entender la cadena completa de consulta y los tipos de registro despeja muchísimas dudas de redes, depuración y seguridad.

·7 min de lectura
prácticoimágenesrendimiento web

JPEG, PNG, WebP y AVIF: qué formato de imagen usar

Elegir mal el formato de imagen es uno de los errores de rendimiento más comunes en la web. Aquí tienes una guía práctica de para qué sirve bien cada formato, cuándo usarlo y cómo funciona de verdad la compresión.

·7 min de lectura
desarrollowebAPI

Códigos de estado HTTP: los que te vas a encontrar de verdad

200, 301, 404 y 500 los conoce casi todo el mundo. ¿Pero el 429, el 307, el 422 o el 503? Aquí tienes una guía práctica de todos los códigos de estado que aparecen en el trabajo real.

·7 min de lectura
finanzascalculadoraspráctico

Interés compuesto: las matemáticas de construir patrimonio

El interés compuesto es la fuerza más potente de las finanzas personales y también la peor entendida. Aquí tienes exactamente cómo funciona, por qué importa la frecuencia y cómo calcularlo tú mismo.

·6 min de lectura
desarrolloprácticotiempo

Timestamp Unix: por qué se cuenta desde 1970

Casi todos los lenguajes de programación, bases de datos y API representan el tiempo como un timestamp Unix. Aquí tienes de dónde sale ese número, qué problemas resuelve y cómo trabajar con él sin sobresaltos.

·5 min de lectura
desarrollocssdiseño

Variables CSS: úsalas para un diseño coherente

Las propiedades personalizadas de CSS eliminan los valores mágicos y simplifican muchísimo los temas, el modo oscuro y el diseño adaptable. Así se usan bien y así se diferencian de las variables de un preprocesador.

·6 min de lectura
desarrollocodificaciónpráctico

Cómo funcionan los códigos QR: datos y corrección de errores

Los códigos QR parecen ruido aleatorio, pero cada píxel sigue reglas estrictas. Entender su estructura explica por qué se pueden dañar y decorar y aun así seguir leyéndose bien.

·6 min de lectura
seguridadcriptografíadesarrollo

MD5, SHA-256 y bcrypt: qué función hash deberías usar

No todas las funciones hash valen lo mismo. MD5 está roto, SHA-256 es rápido y bcrypt es lento a propósito, y cada propiedad importa para un uso distinto. Aquí tienes cuándo usar cada una.

·7 min de lectura
desarrollocodificaciónweb

Qué es Base64, por qué existe y cuándo conviene usarlo

Base64 está en todas partes: en los JWT, en los adjuntos del correo, en las URI de datos y en las claves de API. Pero mucha gente que programa no sabe por qué existe ni cuándo debería usarlo. Aquí tienes el panorama completo.

·6 min de lectura
privacidadseguridadnavegadores

Huella digital del navegador: qué ven las webs sobre ti

La huella digital del navegador te rastrea por toda la web sin cookies, usando tu versión de navegador, el tamaño de pantalla, las tipografías y el hardware. Esto es exactamente cómo funciona y qué puedes hacer al respecto.

·7 min de lectura
seguridadprivacidadherramientas

Cómo crear una contraseña segura sin gestor

Casi todos los consejos sobre contraseñas están anticuados o son directamente falsos. Esto es lo que hace segura a una contraseña hoy, cómo revientan los atacantes las débiles y cómo generar contraseñas irrompibles desde tu navegador.

·5 min de lectura
desarrollocssdiseño

Unidades de CSS: px, rem, em y vw, y cuándo usar cada una

CSS tiene más de una docena de unidades de longitud, y elegir mal provoca fallos de maquetación, problemas de accesibilidad y dolores de cabeza al mantener el código. Aquí tienes un modelo mental claro para acertar siempre.

·6 min de lectura
imágenesherramientasdiseño

Convertir WebP a JPG sin perder calidad ni instalar nada

Las imágenes WebP de las capturas de Chrome, las descargas de Google y los gestores de contenido modernos muchas veces hay que pasarlas a JPG por compatibilidad. Así se hace al instante en tu navegador y sin perder calidad.

·4 min de lectura
saludfitnesscalculadoras

Cómo calcular el IMC: fórmula, límites y significado

El IMC es uno de los indicadores de salud más citados y también de los peor entendidos. Aquí tienes la fórmula, qué significan las categorías y dónde se queda corto como indicador de salud individual.

·5 min de lectura
desarrollodatosdevops

JSON o YAML: cuándo usar cada uno y cómo convertirlos

JSON y YAML describen las mismas estructuras de datos, pero toman decisiones distintas sobre legibilidad, rigidez y herramientas. Aquí tienes cuándo tirar de cada uno y cómo convertir de uno a otro en segundos.

·5 min de lectura
desarrolloregexproductividad

Chuleta de regex: 20 expresiones de uso diario

Las expresiones regulares son una de las herramientas más potentes que existen y también de las peor entendidas. Aquí tienes los 20 patrones a los que vas a recurrir una y otra vez, explicados en lenguaje llano.

·8 min de lectura
desarrolloseguridadautenticación

Qué es un token JWT y cómo decodificarlo sin código

Los JSON Web Token aparecen en todos los sistemas de autenticación modernos, pero poca gente sabe qué llevan dentro. Aprende cómo se estructura un JWT, qué significa cada parte y cómo leerlo al instante en tu navegador.

·6 min de lectura