Guías
Tutoriales prácticos para desarrolladores, profesionales del marketing y tareas cotidianas con el ordenador — cada uno usa herramientas gratuitas de devpack que puedes abrir al lado.
DestacadaCómo comprimir imágenes sin perder calidadReduce el tamaño de fotos y capturas para correo, formularios y webs: redimensiona primero, elige formato y calidad y cumple un límite en KB sin pérdida.Leer la guía
Cómo decodificar y depurar un JWTLee el header y los claims de un JSON Web Token, descubre por qué lo rechazan (caducado, audiencia incorrecta, firma inválida) y evita errores de seguridad comunes.
Regex para validar direcciones de email, URL y números de teléfonoExpresiones regulares prácticas para validar emails, URLs y teléfonos, por qué no hay patrones perfectos y cuándo usar un parser en vez de regex.
Expresiones cron explicadas: 15 horarios reales y las trampas de zona horariaAprende a escribir expresiones cron: los cinco campos, 15 horarios para copiar, la trampa día del mes vs día de la semana y zonas horarias en CI.
Cómo solucionar errores de CORSPor qué el navegador bloquea tu petición, cómo leer el error de CORS y los headers correctos para Express, Nginx y Vercel, incluyendo preflight y cookies.
301 vs 302 vs 307 vs 308: qué redirección usarCuándo usar cada redirección HTTP, su efecto en el SEO y los formularios, cómo evitar cadenas y bucles, y reglas para Apache, Nginx y Vercel.
Generar tipos TypeScript desde JSON — la forma correctaConvierte JSON de APIs en interfaces TypeScript, distingue opcionales y nulos, y valida con JSON Schema para que los tipos reflejen la realidad.
Cómo configurar GA4 con Google Consent Mode v2Instala Google Analytics 4 con Consent Mode v2 bien hecho: consentimiento denegado por defecto, actualízalo desde tu banner de cookies y verifica que funciona.
Checklist de cabeceras de seguridad HTTP (con configuraciones para copiar y pegar)Las cabeceras de seguridad que todo sitio debería enviar: HSTS, CSP, nosniff, frame-ancestors, Referrer-Policy y Permissions-Policy, con valores seguros.
Cómo unir, dividir y comprimir archivos PDFUne PDF, extrae o elimina páginas, reduce un escaneo grande para enviarlo por correo y firma tus documentos. Gratis, en tu navegador y sin subir archivos.
La técnica Pomodoro: cómo hacer que realmente funcioneCómo funciona la técnica Pomodoro, qué hacer en los descansos, cómo gestionar las interrupciones, cuándo cambiar los 25 minutos y cómo registrar tus sesiones.
Cómo probar tu cámara web y micrófono antes de una videollamadaRevisa tu cámara y micrófono en el navegador, soluciona errores de “cámara no encontrada” y permisos en Windows y Mac, y mejora el sonido y la imagen en tus llamadas.
Cómo crear una contraseña segura y comprobar si se filtróQué hace fuerte una contraseña, por qué la longitud vale más que los símbolos, y cómo usar frases de paso, gestores y el comprobador de filtraciones.
Parámetros UTM explicados: mide cada campaña en GA4Qué son los parámetros UTM, cómo nombrar source, medium y campaign para que GA4 los agrupe bien, dónde no usarlos y cómo medir códigos QR e impresos.
Cómo escribir etiquetas title y meta descripciones que consiguen clicsEscribe etiquetas title y meta descripciones que la gente quiera pulsar: límites en píxeles, una fórmula sencilla, evitar duplicados y etiquetas Open Graph.
Cómo probar un portátil usado antes de comprarloChecklist de 15 minutos para comprar un portátil de segunda mano: píxeles muertos, teclado y touchpad, salud de la batería, specs reales, almacenamiento, cámara y bloqueos de cuenta.
Cómo corregir SPF, DKIM y DMARCEvita que tu correo acabe en spam: revisa tus registros SPF, DKIM y DMARC, corrige los errores comunes y pasa DMARC de monitoreo a aplicación segura.
Cómo solucionar errores de certificado SSLSoluciona “tu conexión no es privada”: comprueba si tu certificado ha caducado, no coincide o le falta la cadena, renuévalo y evita que vuelva a pasar.
Cómo arreglar páginas lentas y Core Web VitalsMejora LCP, INP y CLS con las soluciones que más importan: imágenes principales más rápidas, menos JavaScript bloqueante y páginas que no saltan al cargar.
Cómo corregir problemas de robots.txt y sitemapAsegúrate de que Google encuentre tus páginas: corrige las reglas de robots.txt que bloquean demasiado, crea un sitemap XML limpio y resuelve los errores de Search Console.
Cómo corregir problemas de canonical y contenido duplicadoCuando varias direcciones muestran la misma página, las señales de SEO se dividen. Aprende a elegir una versión con redirecciones, etiquetas canonical y enlaces coherentes.
Cómo encontrar y arreglar enlaces rotosEncuentra los enlaces rotos de tu sitio y decide si actualizarlos, redirigirlos o eliminarlos, y configura una página 404 que evite que los visitantes se vayan.
¿Qué son las webfonts y por qué usarlas?Las webfonts hacen que tu sitio muestre la misma tipografía en todos los dispositivos. Descubre cómo funcionan, en qué se diferencian de las fuentes del sistema y cuándo vale la pena la descarga extra.
Cómo añadir fuentes personalizadas a una webAñade una fuente personalizada en cuatro pasos: prepara los archivos, súbelos, escribe el @font-face y aplícala. Incluye Webflow, WordPress y Tailwind.
WOFF2 vs WOFF vs TTF vs OTFCompara formatos de fuente para la web: por qué WOFF2 es la opción ideal casi siempre, cuándo WOFF aún sirve y por qué ya no necesitas EOT ni SVG.
Licencias de webfonts explicadasComprar una fuente no siempre te permite usarla en un sitio web. Conoce los tipos de licencia, qué revisar antes de convertir una fuente y cómo mantenerte seguro.
Cómo cargar fuentes web más rápidoAcelera tus webfonts con WOFF2, subsetting, menos pesos, precarga, fuentes variables y caché a largo plazo. Incluye el código de cada paso.
Cómo corregir el salto de diseño de fuentesEvita que el texto salte al cargar webfonts. Entiende FOIT y FOUT, elige bien font-display y ajusta tu fuente de respaldo para reducir el CLS.
Cómo instalar un píxel de seguimientoInstala el píxel de Meta, TikTok o LinkedIn en Webflow, WordPress, Shopify o Google Tag Manager, añade el consentimiento y prueba las conversiones.
Cómo usar OKLCH en CSSAprende la sintaxis de oklch() y qué significan luminosidad, croma y tono. Crea tonos, estados hover y paletas en CSS con fallbacks para navegadores antiguos.
OKLCH vs HSLCompara OKLCH y HSL en CSS. Descubre por qué la misma luminosidad HSL se ve muy distinta, cuándo OKLCH crea mejores paletas y cuándo HSL basta.
Cómo programar reuniones entre zonas horariasEncuentra un horario justo para una reunión internacional. Aprende a verificar el solapamiento, escribir las horas con claridad, evitar errores del horario de verano y compartirlo con tu equipo.
Cómo el horario de verano afecta a las zonas horariasDescubre cuándo cambian los relojes en EE. UU. y Europa, por qué varía la diferencia horaria entre ciudades y cómo evitar reuniones perdidas.
Cómo compartir una herramienta con tu configuraciónEnvía un enlace de devpack que abre una herramienta con tus datos ya rellenados. Mira cómo funciona, qué queda privado y qué herramientas no lo incluyen.