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: CSS
Navegaciones fluidas, similares a las de una aplicación, gracias a la API de transiciones de vista en Next.js
Transiciones de página tipo aplicación en Next.js con la API de transiciones de vista: movimiento de elementos compartidos entre rutas sin necesidad de una biblioteca de animaciones pesada, además de notas de soporte.
4 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 lecturaEstilice los elementos padre según su contenido con CSS :has().
Aprenda cómo :has() finalmente permite a los selectores acceder a descendientes y hermanos, dónde pueden utilizarse las capas de microfrontend, y por qué el Shadow DOM junto con los contratos de nombres de clase siguen restringiendo este patrón.
6 min de lecturaAcordeones React accesibles para rastreo: colapsar con CSS Grid, no desmontando
Crea acordeones anidados de React que mantengan el contenido en el DOM para su indexación, anima la altura con filas de cuadrícula, limita a un solo elemento abierto por nivel y reinicia al cerrarlo.
8 min de lecturaOmitir la renderización fuera de pantalla con content-visibility y contain-intrinsic-size
Aprenda cómo la visibilidad del contenido: auto reduce el costo de diseño en páginas largas generadas por servidor, por qué es obligatorio utilizar contain-intrinsic-size, y cómo se compara con la virtualización.
12 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 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.