Thomas William Sweet

Front End Engineer, CSS lover, a11y enthusiast

[Thomas William Sweet @thomas_sweet]

This is the live site: https://t.co/9PHWetlmLY

[Thomas William Sweet @thomas_sweet]

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 👇

https://t.co/lwxJi8Dql4

#a11y #css

[Lea Verou, PhD @LeaVerou]

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: https://t.co/HZ4zHs33bx

[jhey ʕ•ᴥ•ʔ @jh3yy]

Add some color? 🎨

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

[The Subtle Art of Not Giving a F*ck @artnotgivingf]

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.

[Simone Giertz @SimoneGiertz]

I spent three years designing foldable coat hangers.

[Bramus @bramus]

Updating Firefox Nightly today be like ❌ → ✅

(Demo page used: https://t.co/NfUU7dvbmC)

[Marc Backes @marcba]

Two developers and a DevRel talking about the latest frontend trend

[Riley Hennigh @rileycx]

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.

[Ahmad Shadeed @shadeed9]

✍️ 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!

🔗 https://t.co/dbOuayW5ou

[Anno @ANNO_EN]

🎁 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

[Catalin @catalinmpit]

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

[Thomas William Sweet @thomas_sweet]

I got a 91% knowledge score on this year's #StateOfCSS survey! Take the survey here: https://t.co/rKcNmNNfIX

[Thomas William Sweet @thomas_sweet]

@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.

[SpaceX @SpaceX]

Liftoff of Starship!

[Ahmad Shadeed @shadeed9]

✍️ 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!

🔗 https://t.co/A3mYhgtJ40

[Una 🇺🇦 @Una]

Really nice, detailed post about CSS anchoring from Roman Komarov 👏🏼👏🏼👏🏼

https://t.co/BESeHNFoNW

Also *love* the typography choices and sidebar comments on this blog 😍

[Rita Iglesias @rita_codes]

The devil 😈

[jhey ʕ•ᴥ•ʔ @jh3yy]

Future CSS Tip! 🔮

Use Anchor Positioning to anchor elements to each other ⚓️ (No wrappers!)

.anchor { anchor-name: --anc; }
.anchored { top: anchor(--anc bottom); }

Create adaptive layouts with CSS alone 😮

Let the browser work it out for you! ⭐️

@CodePen link below! 👇

[Matthew Siu @MatthewWSiu]

this demo from @_chenglou is so satisfying

he's given a deep level of thought into our interactions with digital materials