Urgent.News

What's breaking now, across thousands of outlets.

Tech

Structuring Variables in Figma

Building a scalable UI library in Figma starts with thoughtful organization of variables. As projects grow, managing primitives, semantics, and themes without proper structure can quickly become overwhelming. This guide explores a clear, implementation-aligned approach to structuring variables by purpose, from foundational values to reusable design tokens and dynamic content. This approach…

We haven't written up this one. Dev.to has the full story — the link below goes straight to it.

Read the original at dev.to →

More in Tech

Form-Associated Custom Elements: Web Components That Belong in a Form

Custom elements have been shippable for years, but the illusion falls apart the moment you drop one inside a <form> . The value never shows up in FormData . required does nothing.

  • Two lines of code required: set formAssociated to true and call attachInternals().
  • Provide free lifecycle callbacks and validation handling through setValidity() method.

The Web Locks API: One Tab Does the Work, the Rest Wait

A user opens your dashboard, then opens it again in a second tab, then leaves a third one parked on another monitor from yesterday. Their access token expires.

  • Web Locks API simplifies concurrency in web apps
  • Only one tab holds lock for specific resource name
  • API supports shared mode and leader-election option

More from Saturday 29 August →