Diseño

CSS random() llega a Safari y Chrome 156 para variación visual sin JavaScript

La función acepta mínimo, máximo y un paso opcional para discretizar el rango. Soporta un parámetro de clave de caché (random-key) que sincroniza valores entre propiedades distintas del mismo elemento, útil para mantener proporciones consistentes en componentes con dimensiones relacionadas. Los casos de uso más directos incluyen tipografía orgánica, rotaciones sutiles de tarjetas, variaciones de duración en animaciones y layouts con imperfección controlada que imitan materiales físicos. Para sistemas de diseño, el riesgo principal es la introducción de variabilidad no documentada; la función es más adecuada para componentes de carácter decorativo o experimental que para elementos funcionales donde la consistencia es crítica.

Tu acción

Implementa random() en un componente decorativo de tu sistema de diseño, rotación de tarjetas o variación de duración de animación, y documenta en el token si el componente admite variabilidad o requiere valor fijo para pruebas automatizadas.

Este es uno de los cinco hallazgos de Diseño de esta semana en Rebrio.

  • Encuesta a 521 profesionales UX revela relación ambivalente con la IA
  • CSS lanza display: grid-lanes para layouts masonry sin JavaScript
  • Investigación de NNG determina el caret como icono más fiable en acordeones

Lo que importa, cada lunes. Gratis.

Lo que importa en lo tuyo, curado. Sin amarillismo, sin ruido. Cinco minutos de lectura que te hacen mejor profesional.

Empezar a leer

Gratis · Sin tarjeta · Cancelable