🌶️ New
Doble igual (==) vs triple igual (===) en JavaScript
¿Usas == y === como si fueran lo mismo? ¡Alto ahí, developer! ⚠️ Aprende la diferencia entre el operador de igualdad y el operador de identidad en JavaScript.
Ver más →/blog
Blog
-
-
RIP styled-components: 2016–2025 💅
Una despedida breve para una herramienta que nunca terminó de convencerme. No habrá más features y tampoco lágrimas.
Ver más → -
Personaliza cómo se ven los objetos en las DevTools
Aprende a usar Custom Object Formatters para hacer que tus objetos en la consola de DevTools se vean más bonitos, útiles y fáciles de entender.
Ver más → -
Una década con JavaScript y no sabía esto sobre los bucles
Aprende a usar break y continue de manera más efectiva con Vegeta 😏. Descubre cómo las etiquetas (labels) te permiten mejorar el flujo de tus bucles en JavaScript.
Ver más → -
Las 20 mejores fuentes para videojuegos en 2025
Descubre las 20 fuentes más épicas para videojuegos en 2025. Desde estilos retro pixelados hasta tipografías futuristas, estas fuentes llevarán tu diseño al siguiente nivel.
Ver más → -
Cómo obtener la URL actual con JavaScript (y sacarle provecho)
Aprende a usar window.location para leer, descomponer y manipular URLs en el navegador sin dependencias externas.
Ver más → -
Qué es la función round() en CSS: redondeo dinámico
Descubre qué es y cómo utilizar la función round() en CSS para manejar valores de manera dinámica. Aprende a redondear hacia arriba, hacia abajo (o hacia cero). ¡Potencia tu CSS con esta nueva función matemática!
Ver más → -
Creando un clon de Hacker News con Alpine.js y Tailwind CSS
Aprende a construir un clon minimalista de Hacker News utilizando Alpine.js y Tailwind CSS. Descubre cómo combinar estas herramientas para crear aplicaciones web modernas y sencillas.
Ver más → -
Git Tower: el GUI de Git más potente para macOS y Windows
Conoce Git Tower, un cliente Git para macOS y Windows que te ayuda a trabajar con repositorios Git de forma sencilla y que te hará ser mejor programador.
Ver más → -
Fragmentos de texto en URLs: navegación exacta sin anclas
Los Fragmentos de Texto llevan la precisión de los enlaces web al siguiente nivel. Ya no necesitas IDs ni anclas (anchor) para dirigir a tus usuarios al contenido exacto de una página: resalta el texto clave y mejora la experiencia de navegación. Descubre cómo implementar esta técnica para crear enlaces más útiles y directos.
Ver más → -
Controla lo que los motores de búsqueda rastrean en tu web: guía práctica de robots.txt
Descubre cómo utilizar el archivo robots.txt para gestionar qué partes de tu sitio web son rastreadas por los motores de búsqueda, optimizando la indexación y protegiendo páginas sensibles.
Ver más → -
Evita que la pantalla se duerma con JavaScript: domina la Screen Wake Lock API
JavaScript te permite mantener la pantalla despierta con la Screen Wake Lock API. Descubre cómo funciona y cómo puedes usarla en tus aplicaciones web. Mejora la UX con este sencillo truco.
Ver más → -
El bloque finally en JavaScript no es lo que parece
¿Realmente sabes qué hace el bloque finally en un try catch? Descubre cómo funciona el bloque finally en JavaScript y por qué puede ser que lo estés usando mal.
Ver más → -
Qué son y cómo crear identificadores únicos (UUIDs) con JavaScript plano
Aprende a crear identificadores únicos y seguros en tus aplicaciones web con una simple línea de código y sin librerías externas.
Ver más → -
Entendiendo package.json: una guía para dummies
Este artículo te guía a través de los conceptos fundamentales del package.json, revisando sus propiedades esenciales y qué gestores de paquetes puedes usar.
Ver más → -
La gran mentira de letter-spacing en CSS que no sabías
Te han mentido sobre letter-spacing en CSS. No funciona como crees. ¿Llevas años usando mal el espaciado de letras? Spoiler: sí. Este error silencioso está arruinando tu tipografía, y ni siquiera te diste cuenta.
Ver más → -
Cómo detectar el elemento con el foco en tiempo real
Aprende a usar las "live expressions" de la consola de tu navegador para detectar qué elemento HTML tiene el focus en tiempo real.
Ver más → -
NaN en JavaScript: guía rápida para desarrolladores
¿Qué es NaN en JavaScript? En esta cheatsheet te explico todo lo que necesitas saber sobre NaN en JavaScript y cómo se generan los valores NaN en JavaScript.
Ver más → -
No uses Google Analytics nunca más
Google Analytics es una herramienta muy popular para medir el tráfico de un sitio web, pero también es una herramienta que viola la privacidad de los usuarios, no deberías usarla. Además te explico cómo puedes proteger la privacidad de tus usuarios y mejorar el rendimiento de tu web.
Ver más → -
Ejercicio para retrospectivas ágiles
Descubre cómo una simple pregunta puede transformar la dinámica del equipo. Un ejercicio para tus retrospectivas ágiles que te dará una visión más clara de lo que está sucediendo en tu equipo.
Ver más → -
Top sitios web 2024
Mi selección personal de sitios web asombrosos. Aquí encontrarás una lista cuidadosamente curada de páginas que destacan por su diseño, funcionalidad o creatividad.
Ver más → -
Entendiendo Flow Layout en CSS
CSS tiene un flujo de diseño por defecto que organiza los elementos en un orden específico. Aprende más sobre la base de la estructura visual de una página web. Conoce flow layout.
Ver más → -
La falacia del 100% Code Coverage
¿Qué relación tiene el queso Emmental con la generación Z, los unicornios y el testing con JavaScript? Te lo cuento.
Ver más → -
Dibujar con CSS
¿Dibujar con CSS? Eso me preguntan a menudo. ¿En serio? ¿Por qué? ¿Quién lo necesita? ¿Quién lo quiere? ¿Quién lo pidió? No lo sé, pero aquí tienes mi opinión desde mi perspectiva personal y profesional.
Ver más → -
Pure CSS Arcade Machine 🕹️
Dibujando una máquina arcade con CSS puro y duro. Sin imágenes ni SVGs. Solo CSS. ¿Te ves capaz de hacerlo? Incluye pacman animado. 👾
Ver más → -
El arte del testing: una oda a las pruebas automáticas
Quieres saber qué es el testing y qué tipos de pruebas existen? En este artículo te lo explicamos.
Ver más → -
¿Qué son las IIFE en JavaScript y cómo funcionan?
Las IIFE (Immediately Invoked Function Expression) son expresiones de funciones que se ejecutan inmediatamente después de ser creadas. En este artículo veremos cómo funcionan y cómo podemos usarlas.
Ver más → -
4 cursos de Machine Learning gratis
4 cursos de Machine Learning, totalmente gratuitos, que deberías empezar a hacer ahora mismo.
Ver más → -
Cómo programar publicaciones en Mastodon
Guía completa para saber cómo programar publicaciones en Mastodon que se publiquen automáticamente. Configúralo en 3 minutos.
Ver más → -
Añadiendo comentarios al blog
Añade comentarios a tu blog de forma sencilla y segura con una herramienta basada en la API de las issues de GitHub.
Ver más → -
Bordes con degradado en CSS
Guía completa para saber cómo crear bordes con degradados y con imágenes en CSS
Ver más → -
Pure CSS Cake 🎂
Dibujando una tarta de cumpleaños solo con HTML y CSS. ¡Incluye animaciones mágicas en la velita! ¿Has visto cómo se mueve?
Ver más → -
Mejora la UX: cursores en CSS
Mejora la UX en tu sitio web. Conoce todos los cursores en CSS. Aprende a cambiar los cursores y mejora la experiencia de usuario de tu sitio web. ¿Los conoces todos?
Ver más → -
El juego del unicornio 🦄 - Solo CSS
Crea un juego con CSS desde cero. El juego del unicornio es un mini juego creado completamente con CSS y HTML. ¿Es posible crear un juego con CSS? ¿Cuáles son los límites del lenguaje?
Ver más → -
Operador de doble signo de interrogación en JavaScript
Una guía de cómo funciona el operador de doble interrogación (??) en JavaScript, también conocido como operador de Nullish Coalescing.
Ver más → -
Testing con Javascript
Introducción al testing con Javascript a través de ejemplos progresivos: de 0 a framework. Empieza con JavaScript. Finaliza usando Jest, un framework de testing para JavaScript
Ver más → -
About Testing
¿Haces pruebas en tus aplicaciones web? ¿Deberías probar tu código de manera automática? Testing es un tema que no deberías pasar por alto.
Ver más → -
¿Sabías que tu navegador puede hablar?
La API de voz del navegador te permite incorporar datos de voz a tus aplicaciones web. ¡Haz que tu navegador hable!
Ver más → -
👾 Pure CSS Game Boy
Dibujando una Game Boy con HTML y CSS. Animación y sonido con JavaScript.
Ver más →