Accede a todas mis herramientas y proyectos de forma rápida, optimizada y en un solo lugar.
Descubre los códigos de teclas JavaScript al instante. Presiona cualquier tecla para empezar.
Cualquier tecla de tu teclado para ver su código
Personaliza colores y modo oscuro para WordPress, Notion o tu propio sitio.
El manejo de eventos de teclado en JavaScript puede ser confuso debido a las múltiples propiedades disponibles. Esta herramienta te ayuda a visualizar exactamente qué datos recibe el navegador cuando interactúas con el hardware.
Es fundamental distinguir entre la intención del usuario (qué carácter quiere escribir) y la acción física (qué botón presionó).
Representa la tecla física en el teclado. Esta propiedad es invariable y no se ve afectada por la distribución del teclado (QWERTY, AZERTY, etc.).
Uso ideal: Controles de videojuegos (WASD) y atajos de teclado posicionales.
Representa el valor del carácter generado. Este valor cambia si se presiona Shift o AltGr, y depende del idioma configurado en el sistema operativo.
Uso ideal: Campos de texto, formularios y atajos semánticos (Ctrl+C).
| Propiedad | Descripción | Estado |
|---|---|---|
| event.key | Valor del carácter resultante. | Estándar Moderno |
| event.code | Código físico de la tecla. | Estándar Moderno |
| event.which | Código numérico ASCII. | Obsoleto (Deprecated) |
| event.keyCode | Código numérico antiguo. | Obsoleto (Deprecated) |
Para detectar combinaciones de teclas, no confíes en la lógica manual.
Utiliza las propiedades booleanas nativas del evento:
e.ctrlKey,
e.shiftKey,
e.altKey y
e.metaKey.
Transforma tus iconos vectoriales en código CSS optimizado (Background o Mask) para mejorar el rendimiento y la personalización de tu web.
Calcula nuevas resoluciones de imágenes web y mantén proporciones perfectas en tus assets (16:9, 4:3, cuadrados...). Diseñado para proteger tus diseños UI.
Crea imágenes de prueba o bocetos con dimensiones y textos a medida al instante.
Codifica caracteres especiales a un formato de web segura (Percent-Encoding) o decodifica rutas enrevesadas a texto legible para los humanos al vuelo.
Analiza, unifica y purga todo tu código CSS redundante y repetido respetando reglas de cascada para optimizar tus hojas de estilo y ahorrar KBs al instante.
Transforma tu HTML de diseño bruto fusionando todas tus reglas de hojas de estilos externas y clases estáticas en HTML inyectado en línea (Email Safe).
Analiza el peso y la cascada de tus selectores CSS visualmente para evitar guerras de estilos.
Crea y traduce expresiones cron a lenguaje humano de forma visual.
Valida, repara y formatea JSON. Detección de errores en tiempo real.
Estima el precio de tus proyectos con GPT-4, Claude y Gemini.
Calculadora de escalas modulares armónicas para jerarquías tipográficas perfectas.
Crea mockups profesionales de capturas para iPhone y Pixel con fondos personalizados.
Calcula potentes sumas de comprobación MD5, SHA-256 y SHA-512 al vuelo. Privacidad total con procesamiento nativo de seguridad en tu navegador.
Guarda, organiza y etiqueta tus instrucciones favoritas de inteligencia artificial en un solo lugar. 100% privado en tu navegador.
Transforma colores entre formatos web con precisión matemática. Genera armonías automáticas y analiza el contraste de accesibilidad WCAG.
Analiza el contraste real y la legibilidad según el grosor de fuente y colores. Compara WCAG 2.1 con el nuevo estándar perceptual APCA.
Pega código SVG sucio de Figma o un inspector y obtén un SVG optimizado: sin metadatos, sin atributos de editor y con clases CSS limpias.
Crea enlaces de seguimiento para tus campañas de marketing y mide el éxito de tu tráfico.
Elimina UTMs, fbclid, gclid y otros rastreadores de tus enlaces.
Analiza archivos .pem y .crt localmente para extraer fechas, emisores y huellas digitales. Privacidad total: el certificado nunca sale de tu equipo.
Crea tu archivo security.txt según el estándar RFC 9116 para facilitar el contacto con investigadores de seguridad y proteger tu sitio web.
Descubre cuánto tiempo pierden tus usuarios esperando Instagram, YouTube, TikTok y otras apps. Visualiza el impacto real: horas, días, años de vida perdidos en cargas.
Transforma tus hojas de cálculo y archivos CSV en tablas HTML semánticas y limpias para tu web.