| Together with |
 |
Beautiful Focus Outlines — Thomas notes that focus outlines are often seen as a purely technical requirement, but suggests we should treat them as essential design elements that can help create “interfaces that are both beautiful and inclusive”, noting how they are fundamental to an accessible web. Also looks at a multi-colored striped approach, and a proposed native way to handling just that. Plenty of good examples here.
Thomas Günther
Run GitHub Actions Up to 2x Faster at Half the Cost — Blacksmith runs your GitHub Actions substantially faster by running them on modern gaming CPUs. Integrating Blacksmith is a one-line code change. 100+ companies like Ashby, Superblocks, and Slope use Blacksmith to help developers merge code faster.
Blacksmith sponsor
💜 If you’re unaware of the color ‘rebeccapurple‘, the story of its presence in the CSS standard is a touching one.
New CSS That Can Actually Be Used in 2024 — Yep, the amount of CSS changes and additions in the last two to four years has been staggering, as such this page (published earlier this year) is a good cheatsheet reminder, of sorts, for newer things we can do with CSS.
Thomasorus
📙 Tutorials, Articles & Opinion
Fluid Everything Else — An exploration of how we can apply the concept of ‘fluid typography’ to realize layouts that change with the size of a parent container, without the user noticing any transition.
Richard Hubbard
(Up-) Scoped Scroll Timelines — Chris continues his exploration of just what can be done with scroll-driven animations, this time quickly looking at how we can get elements on a page to ‘listen’ to a scroll (or view) timeline of a totally different element.
Chris Coyier
🔧 Code, Tools & Resources
Pagefind: Add a Search Feature to Your Static Sites — A fully static search library that aims to perform well on even large sites, while using as little of your users’ bandwidth as possible, and without hosting any infrastructure (you can use it with any static site generation system). Version 1.2.0 landed last week.
CloudCannon
Storybook 8.4 Released — The popular frontend component workshop gets a minor release but it’s “one of our most feature-packed minor releases ever” with one click component testing, Svelte 5 support, React Native Storybook 8, and other niceties.
Michael Shilman