Jose Ramón Bernabeu

HTML fue creado por Tim Berners-Lee. Hoy, el WHATWG lo mantiene como un «estándar vivo» con el W3C. ¡Descubre quién está detrás de la web!

¿Es HTML un lenguaje de programación? Entiende la diferencia clave: HTML es un lenguaje de marcado para estructurar contenido, no para lógica de programación.

Descubre qué es HTML (Lenguaje de Marcado de Hipertexto) y cómo esta tecnología fundamental sirve para estructurar todo el contenido de las páginas web.

Descubre las unidades de consulta de contenedor en CSS. Escala tipografía y espaciados de forma fluida según el tamaño de su contenedor. ¡CSS adaptable!

Confirma la existencia de validadores de CSS online (como el del W3C) y su utilidad para detectar errores de sintaxis y asegurar código estándar.

¿Tu CSS es adaptable? Prueba redimensionando, con DevTools (emulador) y en móviles reales para una UX óptima en toda pantalla. ¡Comprueba ahora!

Descubre por qué el uso excesivo de!important en CSS rompe la cascada, dificulta el mantenimiento y es una mala práctica, reservándolo para casos extremos.

CSS: Selecciona ítems de lista con :nth-child(n). Usa números, odd/even o fórmulas para el primer, último o cualquier elemento. ¡Control preciso!

Pseudo-elementos CSS (::before, ::after) estilizan partes de un elemento o añaden contenido sin HTML extra. Descubre cómo usar ::first-letter y más.

Descubre cómo las pseudo-clases CSS (:hover, :focus, :nth-child()) permiten estilizar elementos basados en estados o posición, sin HTML extra.

Distingue entre selectores descendientes (ej. div p), que afectan a cualquier nivel de anidamiento, y selectores de hijo directo (div > p), más específicos.

Explora cómo los selectores de atributo en CSS permiten estilizar elementos HTML basándose en la presencia o el valor específico de sus atributos.

Aprende cuándo usar selectores de ID (para unicidad, anclajes, JS) frente a clases (para estilos reutilizables), priorizando clases para estilizar en CSS.

Confirma que sí es posible posicionar elementos respecto a la ventana del navegador (viewport) usando principalmente position: fixed; en CSS.

Aprende a superponer texto sobre una imagen con CSS usando position: relative en un contenedor y position: absolute para el texto.

Entiende qué es un contexto de apilamiento en CSS: una unidad de elementos que se apilan juntos, aislando el comportamiento de z-index en su interior.

Descubre cómo z-index en CSS controla el orden de apilamiento (superposición) de elementos posicionados y la importancia de los contextos de apilamiento.

Aprende qué es position: sticky; en CSS, un híbrido entre relative y fixed, y cómo usarlo para crear cabeceras que se pegan al hacer scroll.

Descubre cómo la propiedad overflow en CSS (visible, hidden, scroll, auto) controla el comportamiento del contenido que excede las dimensiones de un elemento.

Entiende las diferencias clave entre border (ocupa espacio, parte del box model) y outline (no ocupa espacio, para foco/depuración) en CSS.

Conoce cómo max-width limita la anchura máxima de un elemento y min-width asegura una anchura mínima, claves para el diseño adaptable en CSS.

Aprende qué es el colapso de márgenes verticales en CSS, cuándo ocurre (elementos adyacentes, padre-hijo) y cómo evitarlo con padding, borde o BFCs.

Explora estrategias para tablas de datos adaptables en CSS, como el scroll horizontal o la reorganización de filas en formato de tarjetas en móviles.

Descubre cómo usar media queries junto con display: none; (u otros valores de display) para ocultar o mostrar elementos CSS en diferentes pantallas.

Descubre cómo usar grid-template-areas en CSS Grid para definir layouts visuales con nombres, asignando ítems con grid-area de forma intuitiva.

Aprende a crear degradados lineales (linear-gradient()) y radiales (radial-gradient()) en CSS para fondos y efectos visuales atractivos.

Aprende a usar background-repeat y background-position en CSS para controlar cómo se repite una imagen de fondo y dónde se ubica en el elemento.

Descubre cómo usar la regla @keyframes en CSS para definir animaciones complejas con múltiples pasos intermedios (fotogramas clave) y cambios de estilo.

CSS: box-sizing: border-box; hace que el width y height de un elemento incluyan su padding y border, evitando cálculos complejos y haciendo el tamaño total más predecible.

Entiende cómo position: fixed; en CSS posiciona un elemento respecto al viewport, manteniéndolo fijo durante el scroll. Ideal para cabeceras o notificaciones.