Artículos para quien
entrega el stack
Textos sobre React, Node.js, TypeScript y AI. El cuerpo traducido se muestra cuando existe. Si no, ve el texto en inglés y una nota que lo dice.
Etiqueta: HTML
HTML es un lenguaje de marcado, no un lenguaje de programación; úsalo como tal.
Trate el HTML como estructura para la navegación, el SEO, la accesibilidad y el rendimiento de renderizado, y reemplace las etiquetas div genéricas por elementos semánticos que el navegador y los rastreadores puedan comprender.
3 min de lecturaCinco indicadores de link rel que afectan la velocidad del primer renderizado de contenido
Utilice preconnect, preload, dns-prefetch, prefetch y modulepreload en la sección head del documento para preparar las conexiones y reducir el consumo de recursos sin tener que reescribir la aplicación.
3 min de lecturatyped CSS attr(): Inyectar directamente los valores de atributos HTML en los estilos
Aprende cómo la función typed CSS attr() convierte los atributos de datos en longitudes, colores y tiempos, cómo fallan sus soluciones alternativas, por qué url() está bloqueada y cómo distribuirla de forma segura hoy en día.
18 min de lectura¿Quién debe encargarse del comportamiento de la interfaz de usuario? Elegir entre HTML, CSS y JavaScript
Un marco para decidir cuándo las funciones nativas de HTML y CSS como dialog, popover, :has() y container queries deben reemplazar a JavaScript, y cuándo no.
15 min de lecturaUn botón de retroalimentación con pulgar hacia arriba animado sin ninguna biblioteca de animaciones
Cree un widget de retroalimentación con pulgares arriba y abajo que incluya una animación de aparecimiento mediante keyframes, estados activos y una llamada a fetch, utilizando únicamente HTML, CSS y unas pocas líneas de JavaScript.
7 min de lecturaEstructura, estilo y comportamiento: cómo HTML, CSS y JavaScript dividen el trabajo
Un mapa adecuado para principiantes que muestra qué incluyen HTML, CSS y JavaScript en una página web, cómo colaboran entre sí y cuáles son los errores comunes que difuminan las distinciones entre ellos.
6 min de lecturaDe Div Soup a marcado semántico significativo: Una guía práctica de HTML semántico
Aprende por qué los div genéricos dañan la accesibilidad, el rastreo y la mantenibilidad, qué elementos semánticos usar en su lugar, y cómo refactorizar un componente de tarjeta real.
16 min de lecturaJSX no es HTML: Las verdaderas concesiones detrás del marcado de componentes
Comprender qué se pierde cuando el marcado pasa a ser JSX, desde las herramientas y el análisis hasta los formularios, la accesibilidad y la portabilidad, así como los patrones que permiten recuperar gran parte de ello.
13 min de lecturaSeis características nativas de HTML que reemplazan a las bibliotecas comunes de interfaz de usuario en JavaScript
Aprenda cómo los elementos popover, detalles exclusivos, diálogos, Declarative Shadow DOM, fetchpriority y datalist reemplazan al JavaScript personalizado, además de los límites que cada uno sigue teniendo.
6 min de lectura
Sobre estos artículos
Presupuesto en 24 h
¿Necesitas el mismo stack en una capa de operador? Envía el brief — presupuesto en 24 h.