1 Followers
56 Following
167 Posts
Web Developer, birder, and home brewer
Sitehttps://jamessw.com
Not sure if the only-exists-in-CSS-spec feature I'm more intrigued by is rhythmic sizing or voice.
@Jamessw @mayank tbh, I find the “fully visible when not entirely hidden” a better behavior when being clipped, as it makes it much easier to spot the focus ring. Otherwise, could be probably done with scroll-driven animations, though likely not in a very clean manner.

"why does software require maintenance, it's not like it wears down"

Because software is not generally useful for any inherent good; what matters is its relationship with the surrounding context, and that context is in perpetual change.

We've already seen a bunch of folks use Baseline as a way to indicate status on blog posts and in talks. To make that easier we've released a web component and logos, find out about them here https://web.dev/blog/show-baseline-status
Show Baseline status on your blog posts and presentations  |  Blog  |  web.dev

Learn how to use the Baseline Status web component or logos to show the Baseline status of features.

web.dev

A bunch of new features I worked on are rolled out on the Sass Playground- color swatches (with out of p3 gamut warnings), better autocomplete, smarter debugging, clip to copy and more. You can also open the documentation examples in the editor now.

https://sass-lang.com/playground/#eJx9UNuOgjAQfe9XTAxs2ARJW6xaePFXWugCsVLTwibG+O+OuKuQTfal05xbzgxjhzEYWAUVQmG7MKxKMkMqZ51HiERn352Uv6wnpABbtclOAmMU9vSzJJH2qq/X2o7mSeb7TIoceJ7lkgHnMhPirXP4Nqhsg034JgVGaZzClsdvybnrjwW4o1U6EeiWMgaa8Q3lAidFxxbFpB1OFq6E3AjRrr7gF+Cn46xT+eDVglwshEEAH0Xrvo2fVC/dNLJQKWuSpSeFyHZNO/QGDwU7+ugOcHsmfblqDP8kzc+wDBKvIIw61EaPzZ+yv/B8wTtNq4cQ

Sass: Playground

Syntactically Awesome Style Sheets

If you don't have your tickets yet, now's the time!

Take your #CSS to a new level, with this practical deep-dive. The cascade, layouts, conventions, and more. The workshop starts next week:

https://smashingconf.com/online-workshops/workshops/modern-css-miriam-suzanne/

Cascading Style Systems: Resilient & Maintainable CSS — Online Workshops

If you ever feel lost in the CSS weeds, wrestling with the cascade, or you just want to improve your workflow with modern, efficient, and maintainable stylesheets, then this workshop is for you!

SmashingConf

If you're curious about CSS grid strategy, follow along as @mia and @stacy demo CSS grid set up from start to finish for Froopler, the world's most loved egg white whipping utensil (that doesn't actually exist).

To go deeper with #CSS grid, Miriam Suzanne is offering a Cascading Style Systems Workshop with @smashingconf.

6 days left to reserve your seat!

https://smashingconf.com/online-workshops/workshops/modern-css-miriam-suzanne/

Cascading Style Systems: Resilient & Maintainable CSS — Online Workshops

If you ever feel lost in the CSS weeds, wrestling with the cascade, or you just want to improve your workflow with modern, efficient, and maintainable stylesheets, then this workshop is for you!

SmashingConf

I watched three really interesting talks/panels on the subject of #WebComponents lately, so I put them on a post and added some comments to highlight what I found most interesting and why I think you should watch them too:
https://soledadpenades.com/posts/2024/web-components-introduction-approaches/

Featuring:
* @davatron5000 talking to @kevinpowell
* @mia and @Jamessw talking to @zachleat
* and a presentation by @JanMiksovsky

Web Components: an introduction, and two different approaches | soledad penadés

Me: I hope she plays "Hot To Go!".

Them: This is a CSS demo.

`<p style="speak-as: spell-out">hottogo</p>`

Safari-only demo here: https://codepen.io/jamessw/pen/RwXajZK

speak-as demo

...

Thrilled to announce that after years of work, Dart Sass 1.79.0 has been released with support for wide-gamut color spaces! Read all about it in the blog post by @mia https://sass-lang.com/blog/wide-gamut-colors-in-sass/
Sass: Sass color spaces & wide gamut colors

Syntactically Awesome Style Sheets