Bienvenido a HTMLcat, una colección de pequeños trucos web nativos que vale la pena recordar. Cada post-it combina una función útil de la plataforma con un ejemplo mínimo y la advertencia que importa. Las notas cubren recursos estáveis, limitados y experimentales en HTML, CSS y JS.
Verifique la etiqueta de soporte, mantenga un fallback y teste con navegadores reales y tecnología asistiva.\n\nLos trucos en destaque incluyen: detección de tipo de dispositivo, ocultar barras de desplazamiento, tags vacías, centrado con CSS, `clamp()`, desplazamiento suave, margen de desplazamiento, `classList.toggle()`, enlaces telefónicos y de e‑mail, resaltado de selección de texto, selector relacional `:has()`, estilizar marcadores de lista con `::marker`, precios localizados con `Intl. NumberFormat`, desactivación de subárboles con `inert`, la pseudo‑clase `:target`, el atributo `translate`, `prefers-color-scheme`, consultas de tamaño de contenedor, el elemento `<dialog>`, mejor embrujo con `text-wrap`, alineación de listas de descripción, colores de formulario nativos con `accent-color`, API de resaltado personalizado de CSS, detección de hover en tipos de entrada, colores transparentes con `color-mix()`, eventos de snap de desplazamiento, `light-dark()`, `contrast-color()`, CSS con escopo vía `@scope`, `:where()`, animaciones impulsadas por desplazamiento, carruseles CSS, `corner-shape`, funciones personalizadas de CSS, carriles de CSS Grid, API Popover, API de Transiciones de Vista, consultas de estilo de contenedor, acordeones exclusivos con nombre `details`, control de diálogos con comandos de botón y contenido recolhido pesquisável com `hidden=until-found`.\n\nTodos los ejemplos son pesquisables por título y contenido. Lembre-se de verificar o suporte do navegador e fornecer fallback para uso em produção.
Fuente: Hacker News · Resumido por HeadlinesBriefing