It feels only fair that browsers should detect when you're reading the news in a native app and bombard you with notifications telling you how much better the web version is as you try to scroll.

@Meyerweb 💯

Fair winds and following seas, President Carter. You will be missed. https://www.npr.org/2024/12/29/130189535/jimmy-carter-former-president-dead-at-100

Every single day, I experience someone talking about how hard web development is and how convoluted it is to do anything and how much tooling and effort it takes.

Every single time, they (or someone white knighting the JS industrial complex) say "this is just how it is, front end is just this complicated."

And, my brother in christ, no. You have self-inflicted these wounds. This stuff is HARD, but it does not need to be convoluted. Is is sometimes elaborate, but it doesn't need to be complex.

"Computers lie to us. CSS hides our worst sins. JavaScript covers-up our poor architectural choices. With Lynx, there's no escape. You see the HTML rendered and that's it."

https://shkspr.mobi/blog/2020/12/how-and-why-to-use-lynx-the-faster-web-browser/

Oh and if you are interested the fix is in the codepen.

Not a bug, I was just too dense to realize that I needed to account for both the wrapper div, *AS WELL AS* the ::details-content that is now present.

@brad_frost oh man, remember meeting you way back in Pittsburgh at a meetup before you and Dave Olsen began work on pattern lab. Time flies 🛫

With the update to chrome 131 and the stated styling improvements for details summary.

https://developer.chrome.com/blog/new-in-chrome-131#styling-details

I can no longer use details as display contents in a grid. Works in chrome 130/ Firefox / Safari.

https://codepen.io/zeroedin/pen/vYooZqj

Introduced bug?

@developers

Blink: Intent to Experiment: Reference Target for Cross-root ARIA https://groups.google.com/a/chromium.org/d/msgid/blink-dev/DS0PR00MB23422839CBB35C320F9CC344C5202%40DS0PR00MB2342.namprd00.prod.outlook.com

@danvpeterson @brad_frost nice going to check this out as well. Skipping between the apps is tiring.

@zeldman TIL!

Love design and front-end development? Tired of math? There’s now a simpler approach to *width: 100%* that lets you avoid math entirely: the stretch keyword. Hat tip: Fernando Jorge Mota.

https://fullystacked.net/stretch/ #CSS

Declarative Shadow DOM allows you to create your component's shadow DOM from HTML rather than JavaScript, making server-side rendered components possible.

(bonus: it's now in all browsers, since earlier this year).

A problem we've heard web devs talk about is the inability to share styles though. State of HTML 2023 gave pretty signals on this.

My Microsoft Edge colleagues have solution proposals for this!
➡️ https://github.com/MicrosoftEdge/MSEdgeExplainers/blob/main/ShadowDOM/explainer.md

We'd love your feedback! Feel free to open issue on the repo.

Think your design system is the solution to every UX problem? Its not always the case, but with the right perspective, product teams and design systems can achieve more together.

Read on to find out how

https://bennypowers.dev/posts/your-design-system-is-not-a-solution/

#DesignSystems #WebComponents #architecture #scale

@ryantownsend @westbrook @developers I’ve been noodling on https://www.keithcirkel.co.uk/i-html/ which is my take on that pattern.

An older article, but I love this take, revisited it today https://www.keithcirkel.co.uk/css-classes-considered-harmful/ #css #webcomponents

here’s a good idea that I think should exist:

a job board for non-react front end jobs

My mind was blown by this

https://css-tip.com/screen-dimension/

@mrcompletely I read the sticker mule thing and thought "Ooh! That's right! I do need to order some stickers!" And immediately went looking for someone else to order from.