Julz

The USWDS documentation site is now preserved here, thanks to the amazing work of @suddenlygreg.com uswds.18f.org

To target multiple classes with the same prefix, you'd typically have to resort to brittle attribute selectors. To make things easier, CSS is getting a new selector: the “Class Prefix Selector” (`.foo-*`). Check brm.us/class-prefix... to get the details. (Browser Support: None 😛 — just resolved!)

Beyond “originally pitching this” which the article cites as my only involvement, I also put a fair bit of effort into driving this resolution at the recent Berlin F2F, together with @tabatkins.com. I’m *delighted* we convinced the WG to do it. It will be a gamechanger for CSS utility classes! 🎉

There's an ideal set of sizing constraints for custom <select>, but the CSS is a bit tricky. Here's how to make it work, and a tour of new CSS features along the way. jakearchibald.com/2026/goldilo...

How to Make AI Agents Follow Your Design System www.builder.io/blog/how-to-...

Is the era of design-tool lock-in ending? 🧵 Imagine a world where the Design System is the source of truth, and Figma, Penpot, or Sketch are just interchangeable "editors" with two-way sync to code. Pipe-dream or the next logical step for UCD & AI? Thoughts?? community.penpot.app/t/is-the-des...

I'm literally doing this as we speak, laying the foundations of another theme-driven design system build at @set.studio In previous attempts we've done things well and made lots of mistakes so the more we learn from that and develop the foundations of a more formalised methodology, the better.

lol fun

@jacquesnewman.bsky.social has been working on this tirelessly for a long time, huge kudos for all the work here. This is a massive feature for the platform. Thank you!

New #CSS recently in all browsers nerdy.dev/CSS-recently...

I’m excited to share a new project from Adobe Spectrum Web Eng that tracks support for #CSS features within and across the shadow DOM. The goal is to provide visibility into feature parity and outstanding issues. We hope you find it useful - open to contributions! shadow-dom-css.adobe.com

So, I’ve written a bunch of things on how to do certain things with View Transitions, such as optimizing the keyframes or driving a VT by scroll. I noticed I repeat a lot of code throughout those experiments … so I bundled that all up in a package for you. 👉 chrome.dev/view-transit...

I shared some thoughts on handling breaking changes in design systems for @zeroheight.com. A bunch of lessons learnt from my time leading design systems at Spotify.

watching @wesbos.com speed-run CSS on @syntax.fm is the kind of compelling content i wanna watch on my off day www.youtube.com/watch?v=S98u...

Can you make toast messages accessible? Last week I posted about how Github’s design system banned toast messages because they’re hard to use and inaccessible. I received 135 comments, including pushback from accessibility specialists who insist that toast messages can be made accessible.

I'm a bit late, but this week's Web Weekly will hit all the inboxes in just a little bit! If you care about the web platform and browser features, you should check it out! www.stefanjudis.com/blog/web-wee...

🎉 Just published: a new Design Tokens article 🎉 Create consistent utility classes directly from design tokens for both flexibility _and_ consistency. Generating Utility Classes from Design Tokens using Style Dictionary www.alwaystwisted.com/articles/a-d... 🙏🖤 #DesignSystems #DesignTokens #CSS

CSS :is() :where() the Magic Happens, by @matthiasott@mastodon.social: https://matthiasott.com/notes/css-is-where-the-magic-happens #css #selectors #cascade

There's a new #CSS Working Group poll to get feedback on different names for the infamous 'Pinterest' layout. - Since it uses many of the grid-* properties, `grid` will be in the name somewhere - We don't use metaphors in CSS names, so `masonry` is not listed here docs.google.com/forms/d/e/1F...

Today's lunch video is "Cascading Layers of !mportance" - "Cascade Layers are now widely available, with the potential to fundamentally change how we think about the cascade and how we collaborate across design systems, component libraries, & third-party tools." #CSS www.youtube.com/watch?v=4Pkh...

enjoying all the recent (or not so recent) updates to @projectwallace.com's (free) CSS analyser page, including a dedicated 'design tokens' section, like this – www.projectwallace.com/design-token... lovely stuff @veneman.dev 🙏 🖤

Here's my monthly post on what's landed on the web platform with the browser releases during June. It's been another busy month! web.dev/blog/web-pla...

The Component Gallery is a collection of interface components from real-world design systems. A very helpful reference for designers that's definitely worth bookmarking! Thank you @inbn.dev Great work! component.gallery

This is a powerful browser DevTools hack 💡 You can get a full overview of any website’s CSS design system like colors, fonts, contrast issues, media-queries and more! Watch the video for a quick demo 🎥 Follow @rammcodes.bsky.social for more 💎 #html #css #javascript #reactjs #100daysofcode

Built a little ROI calculator for @zeroheight.com so you can show off how much money you can save with a design system, from savings per component, to per release, to how much time saved. Check it out: zeroheight.com/resources/ro...

ARIA! It exists and on a long enough timeline you'll need to use it. Here's how to get into the right headspace to do so! #a11y www.smashingmagazine.com/2025/06/what...

a game for learning CSS anchor positioning anchoreum.com

I keep the Trump family web of crypto involvement up-to-date at: www.mollywhite.net/etc/trump-fa... The quid pro quo list is at: followthecrypto.org/quidproquo

I should have been doing other things, but someone asked about selecting the last row in an auto grid and it sent me down a rabbit hole, but got it working. The codepen is pretty heavily commented to try and explain how it works, and I will be making a video eventually. codepen.io/kevinpowell/...

I set out to announce two web components I wrote for displaying @bsky.app likes and ended up ranting about how painful it is to build accessible, localizable web components in 2025. The components are still there, though — lucky you? lea.verou.me/blog/2025/bl...

Styling HTML form controls is something web designers & developers have wanted for years! My team is working on a solution — apply `appearance: base` and switch to a new interoperable consistent default control. Then override it using new pseudo-elements. See the details: drafts.csswg.org/css-forms/

Such an exciting day. I proposed if() last year and got CSS WG consensus to add it to the spec on my birthday (!) last June. Now, less than a year later, it ships in the most widely used browser. I think it can be a game changer for design systems, especially together with ident() & revert-rule.

CSS if() function landed today(!!!) in Chrome 137 🥳 along with another rad feature: reading-flow 🥳 So I put together a quick video showcasing both: youtu.be/Apn8ucs7AL0

Update: She’s here!

Disappointed #figma still didn't release relative units. New features feel half backed. Draw adds some value but now people have to be careful not to export giant SVGs, would be nice if they added export size estimation.

During my livestream yesterday, I talked about Figma Sites for a little bit. I've broken it off into a short, stand-alone video. I don't normally like bashing a company, but when a company of Figma's size makes a product this bad, I think it's important to call them out on it. youtu.be/ZsFIvULxkHI

Have you ever tried to remove margins from content with `:first-child { margin-block-start: 0; } :last-child { margin-block-end: 0; }` only to feel icky, knowing the code is fragile, just waiting for the layout to break with different HTML? Try `margin-trim` instead. webkit.org/blog/16854/m...

Really excited that the Design Tokens Community Group has published a new version of the Color module, giving the format a robust way to express colors in many color spaces with high precision. Congrats to everyone who contributed! tr.designtokens.org/color/

📢 The Internet Archive needs your help. At a time when information is being rewritten or erased online, a $700 million lawsuit from major record labels threatens to destroy the Wayback Machine. Tell the labels to drop the 78s lawsuit. 👉 Sign our open letter: www.change.org/p/defend-the... 🧵⬇️

neat!

Friendly reminder that I shared *an extensive* guide to ARIA live regions so you can learn more about: - what they are - what to use them for - how to use them - what *not* to use them for (!important) Part 1: www.sarasoueidan.com/blog/accessi... Part 2: www.sarasoueidan.com/blog/accessi... #a11y

I have a new article out: 🎇 Pure CSS Halftone Effect in Only 3 Declarations 🎇 frontendmasters.com/blog/pure-cs... This goes through the how behind the 3 declarations and then explores a lot of variations that help us produce 🌟 cooler, more interesting 🌟 patterns. #CSS #pattern #gradient #halftone

🚀 [Case study] Context Chips in Survey Design: “Okay, but how does it feel?” This is about one of the novel UIs I designed when leading #StateOfHTML 2023 — the one I’m most proud of. 💙 Been meaning to write this for over a year, finally found time during this break! lea.verou.me/blog/2024/co...

It’s the last full article of 2024 and we’re going out with a bang as Jason Bradberry shows us what’s possible in the real world with the new CSS text-box-trim capabilities from a designer’s perspective.

Health insurance claim denied? See what insurers said behind the scenes. Published May 2023 w/ @capitolforum.bsky.social

A curated list of 250+ Design Systems Each Design System includes helpful links and tags for deeper research and exploration 👏 Creator: Ruben Ferreira Duarte 🔗 Link: rubenferreiraduarte.notion.site/4d6689eec17a... #designsystems

After 15+ years of teaching, architecting & delivering CSS for global organisations & startups, I’ve collated that experience into an extensive course. Complete CSS has taken nearly a year to produce and finally, it’s officially live for a limited Black Friday launch price of £189 complete-css.com

This article by @ericwbailey.website on @piccalil.li is incredibly useful. It’s exactly how I prefer CSS articles to be written: starting with a problem, including clear illustrations, and offers a practical solution. Highly recommended 💯 piccalil.li/blog/making-...