Eric A. Meyer✍️ Here’s my list of things I wish CSS could gain in 2023. Get busy, browser makers! https://meyerweb.com/eric/thoughts/2023/02/08/css-wish-list-2023/
I FORGOT TO INCLUDE A THING (`hanging-punctuation`) so I’ve added it to the list. I’m up to 17 wishes now, gonna need a whole lotta genie lamps.
Fat, Bald Dabus
The wishing well 🤪 from Sam and Max Hit The Road PC Game
Manuel Strehl 🫏@Meyerweb re: variables in media queries: there is a spec for this:
https://www.w3.org/TR/mediaqueries-5/#at-ruledef-custom-media
and a PostCSS plugin to use it: https://github.com/csstools/postcss-plugins/tree/main/plugins/postcss-custom-media
For my taste a bit more cumbersome to use than necessary, but close enough to be usable in some cases. Not yet natively supported anywhere, though.
Justin Ferrell@Meyerweb Meyerop 2023
Stuart Langridge@Meyerweb thumbs up on almost all of these. But what's "logical"? I haven't seen that before.
@sil As a keyword, it’s a thing I made up. As a concept, it means stuff like `margin-block` and `padding-inline` instead of `margin-top` or `padding-left`.
@Meyerweb aaaah, didn't realise that was the name for that change! gotcha, cheers
Amelia Bellamy-Royds@sil More on "logical" CSS: https://drafts.csswg.org/css-logical-1/
Oliver@oliverturner @sil No no, other people came up with logical properties. I just made up adding a keyword, which might not even be the right (or a good) way to do it.
amazingrando@Meyerweb That is a rock solid list. 👍
Christopher Kirk-Nielsen@Meyerweb Lots of goodies on this list, pretty much 100% on board for all of these!
For logical properties, I hope they just come up with something like `shorthand-mode: logical` (physical would be the initial value) that inherits so you can swap it if needed on a descendent…
Additive values sounds very interesting. I'd use it a lot for box-shadow for sure!
Heed our prayers, browser gods!
Kevin Lee Drum@Meyerweb When you mentioned having to inline an SVG to inherit colors, I no longer felt alone in this world. Excellent list.
Jay Holtslander
Filip Hnízdo@Meyerweb as someone who uses data attributes for everything, attr() everywhere would be mind blowingly powerful.
Adding to values like transforms in further rules is a great idea too.
Adding to values like transforms in further rules is a great idea too.
Richard Slade@Meyerweb I’d love to see a way to deal with balancing ragged lines and rules to deal with widows and orphans.
Donnie D'Amato@Meyerweb Here's the anchor positioning spec https://w3c.github.io/csswg-drafts/css-anchor/
@donnie Huh, I thought I‘d linked that. Whoops!
Anthony Sorace@Meyerweb I have never heard the term “masonry layout”. Do you have a pointer?
@a The warnings in this went out of date literally today, but: https://developer.mozilla.org/en-US/docs/Web/CSS/CSS_Grid_Layout/Masonry_Layout
@Meyerweb Oh, this looks great! Thanks.
ｔｏ⟁ｓｔ⟁ｌ@Meyerweb > Subgrid, masonry
Both in Fx already (and using). I'm currently having to think way harder than I should because the Blink team, which has the resources, is being a laggard on subgrid.
> Grid track styles
I'm also finding myself wanting say a background that can go 50% or 100% into the gap.
> Color shading and blending
I'm happy this is going the route it has correcting the gamma issue with blending colors in *most* tools, including Sass & Less.
P.S. typo @ "addd"
Dohány Tamás@Meyerweb
Scoped Imports is not my favorite solution. It might have not so semantic approach in a starter programmer hand. It is not a global style thing, modern frameworks (React, Vue) already have this feature. Restrictions besides style props. I do not like this idea. Forgetting what CSS cascade can do that way. What's your opinion?
Scoped Imports is not my favorite solution. It might have not so semantic approach in a starter programmer hand. It is not a global style thing, modern frameworks (React, Vue) already have this feature. Restrictions besides style props. I do not like this idea. Forgetting what CSS cascade can do that way. What's your opinion?