Designator

Design Tools

74 stories curated in design tools.

Four questions about AGI

The author argues that Artificial General Intelligence (AGI) is a distracting "red herring" term, proposing four questions to better understand the concept and its implications.

Your product didn’t get worse

Customers' expectations for product usability are changing due to the rise of AI agents, making previously acceptable workflows feel tedious, even if product quality remains constant.

The singular viable product

The declining cost of software development, driven by LLMs and agentic coding, is ending the era of "mean viable products" designed for broad markets. This shift enables developers to create highly personalized "singular viable products" for an audience of one, which can then organically scale.

AI is making development faster. But where did the work go?

AI accelerates specific development stages, but the article questions where the displaced work goes within the broader product development ecosystem.

Unwinding the great tech power grab

Movements like Neo-Luddism and Permacomputing are emerging to reclaim power over technology, addressing how it has atrophied civic engagement and democratic accountability.

JudgmentKit

JudgmentKit is a new layer for AI-generated user interfaces, guiding AI to build the correct interface for a user's work by defining necessary activities and decisions before component composition.

4 Sept2 min read

CSS-Tricks

Tools

Let’s Use the Emergent CSS random() Function in all the Browsers

The emergent CSS `random()` function, currently supported only in Safari, allows for controlled presentational randomness in web designs, reducing the need for JavaScript.

31 Aug16 min read

CSS-Tricks

Tools

What’s !important #18: , Syntax ::highlight()ing, named-feature(), and More

This article compiles recent CSS developments, including delayed-then-instant tooltips, the Custom Highlight API, retrieving CSS grid information into custom properties, and new selectors like named-feature().

31 Aug3 min read

CSS-Tricks

Tools

Creating Web Widgets Using the Document Picture-in-Picture API

The Document Picture-in-Picture API, recently shipped in Firefox 151, allows developers to place any HTML, CSS, and JavaScript content into a resizable, always-on-top window, effectively creating web widgets.

27 Aug6 min read

CSS-Tricks

Tools

WordPress PHP-Only Block Registration

WordPress 7.0 introduces PHP-only block registration, simplifying custom block creation by eliminating the need for React, build pipelines, or NPM packages, requiring only PHP.

24 Aug18 min read

CSS-Tricks

Tools

CSS Navigation Matching, Early Days

A new CSS proposal introduces declarative navigation matching, allowing developers to apply styles and manage cross-document view transitions directly in CSS, rather than with JavaScript.

19 Aug5 min read

CSS-Tricks

Tools

Dark mode toggles: two states are enough

Designers should implement dark mode toggles with only two states, light and dark, because a third "system" option is often unnecessary and can distract users.

17 Aug3 min read

CSS-Tricks

Tools

What’s !important #17: Custom Highlight API, CSS Navigation Matching, Fixing text-stroke, and More

This article presents a collection of CSS techniques, including using the Custom Highlight API, enabling images to overflow themselves, fixing text-stroke with paint-order, and styling skeleton UIs.

14 Aug3 min read

CSS-Tricks

Tools

Blocked aria-hidden: The Warning is Right, and Every Fix You’ve Found is Wrong

To properly close an accessible modal, focus must leave the region before that region becomes hidden or inert, ensuring screen reader users do not lose their place.

Let your designs fail for the right reasons

Designers often simplify prototypes, which can obscure the true reasons for design failures in usability testing.

State of AI in Design Systems

A study of 20 design systems reveals how they implement and distribute agentic tooling for design system contribution and consumption, detailing specific AI affordances.

Beautiful UI

Beautiful UI components are designed for AI-native interfaces, including loading states and streaming text.

I’m leaving OpenAI to build Jurassic Park

A former OpenAI employee is leaving to build Jurassic Park, a startup focused on resurrecting dinosaurs to defend against misaligned AI.

State of CSS 2026

Anchor Positioning is the favorite new CSS feature among respondents, despite its limited browser support.

12 Aug3 min read

CSS-Tricks

Tools

Using and Styling the Dialog Element

Developers can use and style the native HTML dialog element with JavaScript or declarative methods.

7 Aug11 min read

CSS-Tricks

Tools

What’s !important #16: sibling-index() Animations, Use Cases for the infinity Keyword, Container Stuck Queries, and More

Sibling-index() function enables animations and is soon to be baseline with Firefox 154 release.

31 Jul2 min read

CSS-Tricks

Tools

What’s !important #15: Boundary-aware CSS, Time-based CSS, Full-bleed CSS, and More

This article compiles various CSS techniques, including using `view()` for boundary-aware designs, making grid lanes accessible, creating time-based web designs, and fixing full-bleed layouts with modern CSS.

15 Jul3 min read

CSS-Tricks

Tools

What’s !important #14: Gap Decorations, random(), field sizing, and More

Developers explore CSS Gap Decorations, random(), and field sizing in recent experiments and tutorials.

A smaller screen needs a different story

Adapting a website for mobile often requires a different design approach, not just making elements smaller.

25 May5 min read

Page 2 of 4 · 74 total

← Previous Next →