Baumannzone.dev - Desarrollo Web Profesional

Las 20 mejores fuentes para videojuegos en 2025

Jorge Baumann — Sat, 29 Mar 2025 00:00:00 GMT

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.

About Testing

Jorge Baumann — Sat, 13 Jul 2019 00:00:00 GMT

¿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.

Acordeones nativos en HTML sin una línea de JavaScript

Jorge Baumann — Fri, 09 May 2025 00:00:00 GMT

Aprende a crear acordeones accesibles y funcionales utilizando solo HTML, sin necesidad de JavaScript

Añadiendo comentarios al blog

Jorge Baumann — Wed, 13 Apr 2022 00:00:00 GMT

Añade comentarios a tu blog de forma sencilla y segura con una herramienta basada en la API de las issues de GitHub.

Beneficios de dar charlas como developer

Jorge Baumann — Sun, 23 Nov 2025 00:00:00 GMT

Descubre cómo dar charlas técnicas puede transformar tu carrera como desarrollador, mejorando tus habilidades de comunicación, ampliando tu red profesional y posicionándote como líder de opinión en la comunidad tech.

Bordes con degradado en CSS

Jorge Baumann — Fri, 25 Mar 2022 00:00:00 GMT

Guía completa para saber cómo crear bordes con degradados y con imágenes en CSS

Cómo dar mejor contexto a un agente de IA para programar

Jorge Baumann — Tue, 17 Mar 2026 00:00:00 GMT

Una guía práctica para dar mejor contexto a un agente de IA al programar, reducir errores y conseguir respuestas más útiles desde el primer intento.

Cómo detectar el elemento con el foco en tiempo real

Jorge Baumann — Sun, 01 Sep 2024 00:00:00 GMT

Aprende a usar las "live expressions" de la consola de tu navegador para detectar qué elemento HTML tiene el focus en tiempo real.

Cómo obtener la URL actual con JavaScript (y sacarle provecho)

Jorge Baumann — Tue, 25 Mar 2025 00:00:00 GMT

Aprende a usar window.location para leer, descomponer y manipular URLs en el navegador sin dependencias externas.

Cómo programar publicaciones en Mastodon

Jorge Baumann — Mon, 21 Nov 2022 00:00:00 GMT

Guía completa para saber cómo programar publicaciones en Mastodon que se publiquen automáticamente. Configúralo en 3 minutos.

Controla lo que los motores de búsqueda rastrean en tu web: guía práctica de robots.txt

Jorge Baumann — Tue, 22 Oct 2024 00:00:00 GMT

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.

Creando un clon de Hacker News con Alpine.js y Tailwind CSS

Jorge Baumann — Tue, 11 Feb 2025 00:00:00 GMT

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.

Mejora la UX: cursores en CSS

Jorge Baumann — Fri, 17 Dec 2021 00:00:00 GMT

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?

4 cursos de Machine Learning gratis

Jorge Baumann — Tue, 13 Dec 2022 00:00:00 GMT

4 cursos de Machine Learning, totalmente gratuitos, que deberías empezar a hacer ahora mismo.

Dibujar con CSS

Jorge Baumann — Tue, 11 Jul 2023 00:00:00 GMT

¿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.

Doble igual (==) vs triple igual (===) en JavaScript

Jorge Baumann — Wed, 16 Apr 2025 00:00:00 GMT

¿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.

Operador de doble signo de interrogación en JavaScript

Jorge Baumann — Wed, 10 Nov 2021 00:00:00 GMT

Una guía de cómo funciona el operador de doble interrogación (??) en JavaScript, también conocido como operador de Nullish Coalescing.

Ejercicio para retrospectivas ágiles

Jorge Baumann — Tue, 02 Jul 2024 00:00:00 GMT

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.

El arte del testing: una oda a las pruebas automáticas

Jorge Baumann — Tue, 23 May 2023 00:00:00 GMT

Quieres saber qué es el testing y qué tipos de pruebas existen? En este artículo te lo explicamos.

El bloque finally en JavaScript no es lo que parece

Jorge Baumann — Sun, 13 Oct 2024 00:00:00 GMT

¿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.

El juego del unicornio 🦄 - Solo CSS

Jorge Baumann — Wed, 01 Dec 2021 00:00:00 GMT

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?

Enlaces de afiliados bien etiquetados con 'sponsored'

Jorge Baumann — Sun, 14 Sep 2025 00:00:00 GMT

Mejora tu SEO marcando enlaces de afiliados como patrocinados. Google te lo agradecerá.

Entendiendo Flow Layout en CSS

Jorge Baumann — Mon, 10 Jun 2024 00:00:00 GMT

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.

Entendiendo package.json: una guía para dummies

Jorge Baumann — Mon, 23 Sep 2024 00:00:00 GMT

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.

Evita que la pantalla se duerma con JavaScript: domina la Screen Wake Lock API

Jorge Baumann — Sun, 20 Oct 2024 00:00:00 GMT

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.

Fragmentos de texto en URLs: navegación exacta sin anclas

Jorge Baumann — Tue, 05 Nov 2024 00:00:00 GMT

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.

git history: el nuevo comando experimental para reescribir commits de git

Jorge Baumann — Wed, 19 Aug 2026 00:00:00 GMT

Descubre cómo usar git history para corregir, renombrar y dividir commits sin recurrir siempre a un rebase interactivo.

Git Tower: el GUI de Git más potente para macOS y Windows

Jorge Baumann — Thu, 30 Jan 2025 00:00:00 GMT

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.

Haz accesible el contenido de los pseudo-elementos ::marker en CSS

Jorge Baumann — Wed, 20 Aug 2025 00:00:00 GMT

Cómo personalizar ::marker en

sin romper la accesibilidad. Descubre cómo usar content con texto alternativo o incluso ocultarlo a los lectores de pantalla.

La falacia del 100% Code Coverage

Jorge Baumann — Tue, 18 Jul 2023 00:00:00 GMT

¿Qué relación tiene el queso Emmental con la generación Z, los unicornios y el testing con JavaScript? Te lo cuento.

La gran mentira de letter-spacing en CSS que no sabías

Jorge Baumann — Mon, 16 Sep 2024 00:00:00 GMT

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.

La sintaxis secreta de `of S` en `:nth-child()` que probablemente estás ignorando

Jorge Baumann — Fri, 02 May 2025 00:00:00 GMT

Descubre cómo usar `:nth-child(of S)` para seleccionar elementos con una precisión quirúrgica digna de CSS moderno y evita errores comunes que ni sabías que estabas cometiendo.

NaN en JavaScript: guía rápida para desarrolladores

Jorge Baumann — Tue, 20 Aug 2024 00:00:00 GMT

¿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.

No uses Google Analytics nunca más

Jorge Baumann — Mon, 22 Jul 2024 00:00:00 GMT

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.

Personaliza cómo se ven los objetos en las DevTools

Jorge Baumann — Mon, 07 Apr 2025 00:00:00 GMT

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.

Personaliza ::marker en CSS sin romper la accesibilidad

Jorge Baumann — Thu, 08 May 2025 00:00:00 GMT

Aprende a personalizar ::marker en CSS sin romper la accesibilidad, separando el contenido visual de lo que leen los lectores de pantalla.

Pure CSS Arcade Machine 🕹️

Jorge Baumann — Mon, 10 Jul 2023 00:00:00 GMT

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. 👾

Pure CSS Cake 🎂

Jorge Baumann — Wed, 23 Mar 2022 00:00:00 GMT

Dibujando una tarta de cumpleaños solo con HTML y CSS. ¡Incluye animaciones mágicas en la velita! ¿Has visto cómo se mueve?

👾 Pure CSS Game Boy

Jorge Baumann — Sat, 22 Apr 2017 00:00:00 GMT

Dibujando una Game Boy con HTML y CSS. Animación y sonido con JavaScript.

Qué es la función round() en CSS: redondeo dinámico

Jorge Baumann — Wed, 12 Feb 2025 00:00:00 GMT

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!

¿Qué son las IIFE en JavaScript y cómo funcionan?

Jorge Baumann — Wed, 21 Dec 2022 00:00:00 GMT

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.

Qué son y cómo crear identificadores únicos (UUIDs) con JavaScript plano

Jorge Baumann — Thu, 10 Oct 2024 00:00:00 GMT

Aprende a crear identificadores únicos y seguros en tus aplicaciones web con una simple línea de código y sin librerías externas.

RIP styled-components: 2016–2025 💅

Jorge Baumann — Mon, 14 Apr 2025 00:00:00 GMT

Una despedida breve para una herramienta que nunca terminó de convencerme. No habrá más features y tampoco lágrimas.

RSL: el nuevo estándar que quiere que la IA pague por tu contenido

Jorge Baumann — Mon, 22 Sep 2025 00:00:00 GMT

Reddit, Yahoo y Medium se suman a RSL (Really Simple Licensing), el nuevo estándar que busca que las empresas de IA paguen por entrenar con el contenido de creadores y medios.

¿Sabías que tu navegador puede hablar?

Jorge Baumann — Mon, 22 Oct 2018 00:00:00 GMT

La API de voz del navegador te permite incorporar síntesis de voz en tus aplicaciones web. ¡Haz que tu navegador hable!

Si solo escribes código, no estás haciendo suficiente (según esta métrica)

Jorge Baumann — Fri, 25 Apr 2025 00:00:00 GMT

¿Estás aportando o solo 'pasando la bola'? Una reflexión práctica sobre cómo pequeñas acciones proactivas pueden marcar la diferencia en la calidad del código y en la eficiencia de tu equipo.

Testing con Javascript

Jorge Baumann — Mon, 02 Sep 2019 00:00:00 GMT

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

Top sitios web 2024

Jorge Baumann — Sat, 29 Jun 2024 00:00:00 GMT

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.

Una década con JavaScript y no sabía esto sobre los bucles

Jorge Baumann — Thu, 03 Apr 2025 00:00:00 GMT

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.