Explora el poder de CSS con la ruta completa. Desde conceptos básicos hasta técnicas avanzadas, descubre cómo dar estilo y diseño único a tus sitios web. ¡Optimiza la apariencia y la funcionalidad con CSS de manera eficiente y creativa!
Hace tiempo te conté 8 funciones de CSS que ya podÃas usar sin polyfill. Desde entonces, Chrome ha seguido sumando cosas nuevas: pasó de la versión 148 a la 151 entre mayo y julio de 2026. Aquà tienes la segunda tanda. Son 6 funciones con soporte real en Chrome, con ejemplos de código y mi
CSS 2026: 6 funciones más que puedes usar ya Leer más »
El CSS de 2026 hace cosas que hace dos años exigÃan JavaScript, librerÃas externas o trucos infumables. Y lo mejor: lo hace con soporte cross-browser estable. Aquà tienes las 8 funciones que ya estoy usando en producción sin polyfill, con código copy-paste y un caso de uso real para cada una. Si arrastras webs construidas
CSS 2026: 8 funciones que ya puedes usar sin polyfill (con código y ejemplos) Leer más »
Hay un momento muy concreto en el que una web deja de parecer «una web hecha» y empieza a parecer «una web cuidada». Casi nunca es el diseño general. Es ese segundo en el que el botón te confirma que ha pasado algo, el campo del formulario te avisa antes de que envÃes la cagada,
Microinteracciones útiles: 15 ejemplos para inspirarte (con código) Leer más »
Tailwind CSS v4 salió en enero de 2025 y, en 2026, ya va por la versión 4.3. No es una actualización más: cambia la forma de configurar el framework y lo acerca mucho al CSS estándar. Para un diseñador eso es una buena noticia, porque tus design tokens pasan a ser variables CSS normales. En
Tailwind CSS v4: novedades clave y cómo migrar desde v3 Leer más »
Tu web tarda en cargar en el móvil y no encuentras el motivo. Muchas veces el culpable es el CSS. En esta guÃa trabajo el rendimiento móvil con CSS: cómo dejar de bloquear el render, aprobar los Core Web Vitals y conseguir una web rápida en el móvil sin reescribir medio proyecto. No voy a
Rendimiento móvil con CSS: 8 técnicas para web rápida Leer más »
Este tutorial de Tailwind CSS en español es el que me habrÃa gustado encontrar cuando empecé: nada de teorÃa interminable, sino código que copias, pegas y ves funcionar. Sales de aquà sabiendo instalar Tailwind, usar sus clases y montar tu primer componente real. Vamos a trabajar con Tailwind CSS v4, la versión actual en 2026.
Tutorial de Tailwind CSS en español: de cero a tu primer componente Leer más »
Tienes un diseño que se ve perfecto en tu portátil y horrible en el móvil. La culpa casi nunca es del HTML: es que falta decirle al CSS cómo comportarse en cada pantalla. Para eso existen las CSS media queries. En esta guÃa te enseño la sintaxis desde cero, con ejemplos que puedes copiar y
Todo lo que tienes que conocer de CSS media queries Leer más »
CSS Flexbox es el modo de diseño que usas cuando quieres colocar cosas en una fila o en una columna y que se repartan el espacio solas. Sin floats, sin position, sin trucos. Llevo años maquetando con él y sigue siendo lo primero que escribo en casi cualquier componente. Esta guÃa no es una lista
CSS Flexbox: guÃa completa con ejemplos en vivo (2026) Leer más »
Los juegos para aprender CSS son la forma más rápida (y divertida) de que se te queden Flexbox, Grid y los selectores: en vez de leer teorÃa, escribes código real y ves el resultado al instante. Te dejo los mejores, todos gratis y en el navegador, ordenados por lo que enseñan. Juegos para aprender Flexbox
Juegos para aprender CSS gratis online (2026) Leer más »
Los filtros CSS aplican efectos gráficos —desenfoque, blanco y negro, brillo, sombra— a cualquier elemento sin tocar la imagen original ni abrir Photoshop. Todo con una sola propiedad: filter. Aquà tienes cada función con su sintaxis y código listo para copiar. Qué es la propiedad filter en CSS La propiedad filter recibe una o varias
Filtros CSS: la propiedad filter con ejemplos (2026) Leer más »
Las variables CSS (o custom properties) son de lo más útil que puedes aprender: defines un valor una vez —un color, un espaciado, una fuente— y lo reutilizas en todo el CSS. Si lo cambias en un sitio, cambia en toda la web. Te lo explico paso a paso con código para copiar, hasta montar
Variables CSS: guÃa de custom properties (2026) Leer más »
