| OddSite | https://www.oddbird.net |
| Workshops & Talks | https://www.oddbird.net/talks/ |
In @OddBird stand up this morning, we're discussing the fact that CSS pixels are defined in reference to "a nominal arms length of 28 inches."
Does having a 28in arm make you better at CSS? Where do you measure from? Does the W3C have an official mannequin reference arm?
Thanks to @chriscoyier for supporting our goal to unblocking #CSS logical shorthands!
Get the latest update from @mia on this work at http://css.oddbird.net/logical/properties/.
You can support her work too at:
http://opencollective.com/oddbird-open-source/contribute/css-logical-shorthands-86141
First pass is complete, working from the MDN prop reference & double-checking against the spec prop index.
I think this is all the places in CSS where the axis or side is implied by a positional syntax based on physical orientation (TRBL or XY):
Thanks to all of you who made it possible for me to spend some time on this issue! The amount we raised so far was enough to cover the first phase.
If you're willing, we could still use help to move forward with the next steps:
https://opencollective.com/oddbird-open-source/contribute/css-logical-shorthands-86141
These days, it's a common practice to use logical flow-relative properties & values like `block-size` whenever possible. But the shorthand properties feel stuck in the past. It's surprising that a `size` shorthand can't set the `inline-size`, and the …
📣 Ep 3 of What the Spec?! is here 🥳
@mia talks CSS history, Cascade Layers and rethinking `!important`. Available on your fav podcast app & RSS.
Apple: https://podcasts.apple.com/us/podcast/css-cascade-layers-power/id1808741502?i=1000713093397
Spotify: https://open.spotify.com/episode/6o4SlRHSM7EMCzsGfbUYWd?si=nxVIot3tRByd_6dl-b_ZJw
Transcript: https://lolaslab.co/what-the-spec/s01/ep03/
I made it home, after a lovely series of conferences in Europe. Good to see many of you in person.
At the end of my talks, I announced (with a broken qr code) that I'm working on a #CSS course: Designing with Code. Subscribe for updates if you're interested!
Make the Web a More Colorful Place!
Stacy @stacy created a tutorial for using new color spaces & formats with OddContrast.
Convert colors
See gamut boundaries
Check contrast
Share & bookmark combinations
Copy & swap colors
Read in OddNews:
https://us19.campaign-archive.com/?u=80219aa68d7bad77b9fd2eb93&id=3ea3627c16
I started working through the long list of css properties, along with associated keywords & functions, to document where we have logical syntax, physical syntax, or both.
Day 1: https://css.oddbird.net/logical/properties/
Support this effort! https://opencollective.com/oddbird-open-source/contribute/css-logical-shorthands-86141
Mia (web luddite)
James
lola