Thomas William Sweet

steal this scheme-probe trick I showcase on accessbile-by-default.dev light-dark() only returns colors — but register the property, and a style query can read the answer back. any property, per scheme, zero JS demo + repo below 👇

repo: github.com/ThomasSweet/a1…

steal this scheme-probe trick I showcase on accessbile-by-default.dev light-dark() only returns colors — but register the property, and a style query can read the answer back. any property, per scheme, zero JS demo + repo below 👇

github.com/ThomasSweet/a1… Also check out the live site at accessible-by-default.dev

Quick one for CSS folks: how do you handle forced-colors mode in your design system? Built a11y-foundation partly to answer this for myself — cascade layers, preference mixins, WCAG 2.2 AA target. Repo in replies 👇

This is the live site: accessible-by-default.dev

Building an accessibility-first CSS/Vue foundation: cascade layers, preference mixins, WCAG 2.2 AA target, tested w/ axe + keyboard/SR passes. Inspired by @argyleink @Una @bramus & many others. Still WIP, core is live 👇 github.com/ThomasSweet/a1… #a11y #css

A historical day for CSS 😀🎉 If you write any components used and/or styled by others, you know how huge this is! background: if(style(--variant: success), var(--green)); Even if you don’t, this will allow things like: padding: if(var(--2xl), 1em, var(--xl) or var(--m), .5em); GitHub issue: github.com/w3c/csswg-draf…

Add some color? 🎨 .ring { border-color: oklch(58% 0.25 8); } @​keyframes hue { 50% { filter: hue-rotate(300deg); }}

It then follows that finding something important and meaningful in your life is perhaps the most productive use of your time and energy. Because if you don’t find that meaningful something, your fucks will be given to meaningless and frivolous causes.

I spent three years designing foldable coat hangers.

Updating Firefox Nightly today be like ❌ → ✅ (Demo page used: codepen.io/bramus/pen/poW…)

Two developers and a DevRel talking about the latest frontend trend

Once a month, I spend a whole day taking company logos, turning them into pngs, and uploading them to Google for others to use. Here's the background if anybody wants to do the same.

✍️ New Viewport Units I wrote about the new CSS viewport units: svh, lvh and dvh. The article is packed with a lot of visuals and demos. Happy reading! 🔗 ishadeed.com/article/new-vi…

🎁 GIVEAWAY 🎁 From today until July 7, try to win a lovely Xbox custom controller and an Xbox Anno 1800 Console Edition game! The rules couldn't be simpler: RT this post 🔁 Give it a try! 🤩 See comment below to find out more about the applicable rules and privacy notice

I’m happy to announce that I’ll release a bundle of must-have books for every software engineer.

I got a 91% knowledge score on this year's #StateOfCSS survey! Take the survey here: survey.devographics.com/survey/state-o…

@chris22smith @alvaro_montoro I wouldn’t use HTML tables for the life of me. I’d rather use css grid and take advantage of the „order“ functionality built in.

Liftoff of Starship!

✍️ New Article: CSS Masking I wrote about CSS masking: how they work, why to use them, along with a few practical use cases. Happy reading! 🔗 ishadeed.com/article/css-ma…