Bookmarks

Some handy scripts for setting up Homebrew to install via x86 or ARM architectures.

Tip to use the CSS clamp function to make text wrap more nicely in responsive designs

Does exactly what it says on the tin. From Sarah Drasner

Guide to using the Robot3 state machine to build a semi complex modal in React.

things your manager might not know

Tool for computing the the CSS line height so that it fits exactly onto a (pixel based) grid

Good article introducing what engineering delivery metrics are, how they can be sold to the team, and what they are useful/not useful for.

A UI "search engine" - search for screenshots of UI patterns used on other sites.

Library of (themeable) transparent textures

Nice CSS trick to animate underlines for links

Excellent practical guide to centering with modern CSS.

Excellent and comprehensive guide to styling buttons using modern CSS.

Comprehensive guide to styling buttons containing icons.

Good accessible colour checker, with tools to adjust font size and weight. And provides suggested colours if not accessible.

Well presented talk on not being too hasty to create abstractions.

Good analogy made in this article. You must include state in useEffect dependencies array, and some props. Which props? Props that might change, because "props are someone else's state".

Useful article demonstrating some flexible approaches to CSS custom properties.

Neat technique for "layering" links over other links, making them appear to be nested. Useful pattern for card navigation.

Round-up of various accessible, responsive table styling techniques

Comprehensive overview of the XState API