Ooooie! These customizable selects look HOT in Safari 27. 🥰

#developingDesignSystems #webDev #testingTheWebForward #webkit #safari

@davatron5000 is there a microlighter syntax that would highlight tagged template literals?

#developingDesignSystems #htmlInJS

Reminder: the <dashed-ident> in CSS is so named because the identity requires a dash in its name.

Who knew? 🤷‍♂️

Me. 😞

When do I forget? 😖

Always. 🕐️

#css

#lazyDev `@function` is exciting to see coming to browsers new you, but how's the conversation around `@mixin` or the like coming? Did it fizzle out? Is it about to surprise and delight with a 60 minute encore?

Where my #CSSWG friends at?

#webDev #css #testingTheWebForward

Going fast probably isn't good for anyone. Absolutely none of your stakeholders benefit more than getting to prime the work queue again sooner. Quality. Quantity. Focus. Pleasure. All that starts to leak through the cracks that silently grow in parallel with your "velocity".

Do I know any @developers devs that work close to #css that I could nerdsnipe into figuring out how chromium could catch up to webkit in so far as a `:host(:has(~ ul li)) {}` selector?

See it in action, here: https://codepen.io/Westbrook/pen/EayLZow

Checkout the #CSSWG convo, here: https://github.com/w3c/csswg-drafts/issues/11859#issuecomment-3834942939

#webComponents developers want all the same `:has()` goodies that anyone can leverage, and you could be the hero we both need and deserve!! 🦸

Food for thought all you people out there #developingDesignSystems

https://report.zeroheight.com/#:~:text=do%20you%20use%3F-,Web%20frameworks,-Label

#webDev #webComponentsCG

😅 OK, I was wrong. Logging just logged everywhere, and it make me thing it was fixed.

Real problem, my test device is outside of my current support matrix. 🤦‍♂️

Keep an eye on the browser versions your running, building, and testing in everyone.

🙈

TFW:
- you have what looks like a bug
- you put in some logging
- you DO NOT have a bug
- you remove the logging
- you have what looks like a bug

#webDev #testTheWebForward

#askingForAFriend

Is it real life that an `anchor-name` element HAS to be before the element consuming it via `position-anchor` in the DOM!?!

🤯

#CSS #CSSWG #webDev #anchorPositioning

Do I know any Business Data Engineers looking for work?

EDIT: US, primarily Bay Area...

#webDev #fediHired #openRoles

@firefoxwebdevs You wouldn't happen to have a line on when that `layout.css.scroll-driven-animations.enabled` flag might flip to true by default?

#askingForAFriend #css #animationTimeline

#playwright _IS_ a browser.

The fact that it cannot see what a browser sees is...disappointing, at best.

If the browser can build the correct AccessibiliTree from the code to pass on to the Assistive Technology of your visitors choice, why can't Playwright? I just want to test my apps that way an actual visitor would use them and not with some alternate interpretation. Alas.

https://github.com/microsoft/playwright/issues/34264

#webDev #a11y #testTheWebForward

Did you know that @chromium recently did some work to ensure that `document.importNode` and `Node.cloneNode` delivered a similar performance profile? They did!

That means that #frameworks built to be compatible with the web can leverage `document.importNode()` for templated content with custom elements which will get optimistically updated. Win, win.

Seems like something that @mdn would benefit in sharing with the world, right?

https://github.com/mdn/content/pull/41441

#webDev #performance #webComponents

TIL that when you run `el.attachShadow({mode: "open" })` on an element with DSD it _clears_ the children while leaving the initial shadow root.

https://codepen.io/Westbrook/pen/xbVwwPN?editors=1111

#webComponents #shadowDOM #DSD #TPAC

Wanna get some #webComponents topics on the docket for @w3c #TPAC? Join the planning discussion in https://discord.gg/kbba8cKPg9 and help us get the hottest button topics unlocked as vendors, contributors and the community gather next month in Kobe!

#shadowDOM #elementInternals #referenceTarget #declarativeCSSModules #htmlModules #DOMTemplating

Maybe it's not even a "security thing", my iPhone 12 Pro goes right up to cooking eggs temperature just streaming one camera into the browser while Android chugs along with both like nothing is happening. Maybe #apple just can't make hardware like it used to? 🤔

So, #webKit is it some sort of esoteric security issue that prevents me from streaming multiple device cameras in iOS Safari? 🥺 Really wanting to work through a prototype for my team with that feature. Looks like I’ll have to switch to supporting Android users…only. #browserBan @owa

The things we can do differently here look like they'll apply nicely to product development at a company level, just as nicely as they will specification development at the browser level.

#a11y is hard, but it only gets harder the longer you neglect it.

https://alice.boxhall.au/articles/a-threat-model-for-accessibility-on-the-web/

Working hard to get my brain around the idea that `!important` is a TOOL and not an anti-pattern.

It was an anti-pattern for so long, but the varying types of `@layer` and `::slotted(*)` and whatnot prove that that's no longer true.

Tool up and get down to building some killer UIs, yall!

#CSS #webComponents #unlearning