James

@jamessw@front-end.social
85 Followers
72 Following
144 Posts
Web Developer, birder, and home brewer
Personal Sitehttps://jamessw.com
Pronounshe/him

📣 We're proud to announce today the speakers for SquiggleConf 2025!

This amazing list of people are going to give talks on the latest and greatest in web dev tooling. SquiggleConf 2025 is going to be a wonderful time. We hope to see you there! 💙

https://squiggleconf.com

CSS anchor positioning is going to be in all major browsers by the end of the year! 🎉 Sign up for OddBird's free weekly email course to learn how it's going to make layouts more performant and resilient, and unlock new design possibilities. #css #webdev

https://oddbird.net/learn/courses/anchor-positioning/

Create Performant Layouts and Resilient Dropdowns

This CSS anchor positioning course teaches you how

OddBird

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):

https://css.oddbird.net/logical/properties/

Physical/logical properties, keywords, and functions

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

OddBird Open Source - CSS Logical Shorthands - Open Collective

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 …

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

#ux #design

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

Physical/logical properties, keywords, and functions

Playing around with CSS anchor positioning in Safari TP, it's come a long way, and getting closer!
I had a great time with the folks at Michigan TypeScript last night in Ann Arbor! Such a great group, receptive with lots of questions. 10/10 would recommend giving a talk there.
Picked up birds 174, 175 and 176 for the year on my drive to give a talk this evening in Ann Arbor.

@jamessw The person who invented it uses OkLCh

Little known fact, in polar color representations, lowercase h means hue angle while uppercase H means chord length.