Desarrollo web

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

Te he seleccionado generadores de código CSS organizados por lo que quieres conseguir, no en una lista suelta. Si ya sabes qué buscas (un botón, una sombra, un degradado), ve directo a esa sección; si quieres explorar, échale un vistazo a todo el listado. Generadores de botones CSS Button Generator y CSS Buttons siguen siendo

Hay varias formas de ocultar un elemento con CSS, y no son intercambiables: cada una se comporta distinto con el espacio, los clics y el lector de pantalla. Te dejo las 5 con su código y, lo más importante, cuándo usar cada una para no meter la pata en accesibilidad. 1. display: none (oculta y

Una línea del tiempo con HTML y CSS es uno de esos componentes que mejoran cualquier currículum web, página de historia de marca, roadmap de producto o cronología de eventos. En esta guía vas a construir tres variantes desde cero (vertical clásica, vertical alternada en zig-zag, y horizontal con scroll), con código copy-paste listo para

Los bordes en CSS son de lo primero que se aprende y de lo que más se usa: enmarcar una caja, separar secciones o redondear un botón. Con la propiedad border controlas el ancho, el estilo y el color, y con border-radius los redondeas. Te lo explico todo con código listo para copiar. La forma

Un degradado en CSS se crea con una sola propiedad, sin imágenes ni herramientas externas. Aquí tienes la sintaxis para fondo, texto y botones, con ejemplos de código reales. Al final tienes también un par de generadores visuales, por si prefieres ajustarlo a golpe de clic. Degradado lineal para un fondo La función linear-gradient() crea