Shannon Moeller 🧒's Avatar

Shannon Moeller 🧒

@shannonmoeller.com

Hello there. I’m a dev @uberfreight.com (@uber.com) who loves humans, code, design, and green refrigerators. Christian, husband, dad, nerd, apolitical. Opinions my own. shannonmoeller.com

51
Followers
69
Following
37
Posts
22.04.2023
Joined
Posts Following

Latest posts by Shannon Moeller 🧒 @shannonmoeller.com

β€œThe reason SPAs became the default is because they were better.” I fixed it for you.

26.07.2025 04:55 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
Command Palette Deprecation Behind β€œFeature Preview” Is Hurting Adoption & Accessibility Β· community Β· Discussion #166528 Select Topic Area Product Feedback Body Hi everyone, I’d like to start a conversation about GitHub’s recent treatment of the Command Palette. As many of you know, it’s one of GitHub’s best features...

GitHub looks to kill the command palette due to β€œlow usage” while the community argues it was under-promoted. github.com/orgs/communi...

19.07.2025 02:17 πŸ‘ 5 πŸ” 1 πŸ’¬ 0 πŸ“Œ 0
Preview
CSS color-at() proposal As vectors are to pixels, gradients are to color values. You can define thousands of different colors across a spectrum with just a few color stops. If...

Just published WICG proposal #219 for a CSS `color-at()` function which would unlock the ability to manage any number of color tokens with a single CSS custom property.

codepen.io/shannonmoell...

Play with the live demos on @codepen.io

03.07.2025 22:05 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Sometimes websites implement dark mode badly and it’s more pleasant to use their light mode, even though I want a dark OS.

16.06.2025 01:20 πŸ‘ 3 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
Preferring throwaway code over design docs If you have discipline to throw away your first idea, draft, throwaway PRs often drives more progress than a design doc.

Making a giant mess then figuring out how to pick up the pieces might be the most efficient form of design out there.

softwaredoug.com/blog/2024/12...

16.12.2024 23:43 πŸ‘ 21 πŸ” 5 πŸ’¬ 2 πŸ“Œ 2

Executives in charge of selling GPU time are not reliable sources of information on whose jobs AI will eventually replace. It’s an ad.

04.09.2024 12:36 πŸ‘ 3 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Happy File-Not-Found day to those who celebrate.

04.04.2024 16:48 πŸ‘ 3 πŸ” 1 πŸ’¬ 0 πŸ“Œ 0

Happy t/2 day to those who celebrate.

14.03.2024 20:28 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

I think the assumption is that whatever rounding you want is baked into the image.

18.02.2024 21:22 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Preview
It’s Official, Apple Kills Web Apps in the EU - Open Web Advocacy

Apple trying to break the Open Web by removing PWA functionality from iphone open-web-advocacy.org/blog/its-off...

16.02.2024 23:06 πŸ‘ 24 πŸ” 13 πŸ’¬ 1 πŸ“Œ 1
Preview
Shadow DOM mode as opt-in feature flags Β· Issue #1049 Β· WICG/webcomponents The Shadow DOM was originally built as an all-or-nothing API to encapsulate a broad range of functionality. Since then, there have been many recommendations around selective means of working around...

Created a new recommendation to selectively enable Shadow DOM encapsulation features as mode flags. Builds on the idea of `open-styleable`, but in a way that I hope is more flexible. Enables "Light DOM with slots." Would love your thoughts.

github.com/WICG/webcomp...

11.02.2024 21:32 πŸ‘ 2 πŸ” 2 πŸ’¬ 1 πŸ“Œ 0

Note to self: don’t post something to social media you want a bunch of people to see right before a major sporting event.

13.02.2024 01:04 πŸ‘ 2 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Preview
Shadow DOM mode as opt-in feature flags Β· Issue #1049 Β· WICG/webcomponents The Shadow DOM was originally built as an all-or-nothing API to encapsulate a broad range of functionality. Since then, there have been many recommendations around selective means of working around...

Created a new recommendation to selectively enable Shadow DOM encapsulation features as mode flags. Builds on the idea of `open-styleable`, but in a way that I hope is more flexible. Enables "Light DOM with slots." Would love your thoughts.

github.com/WICG/webcomp...

11.02.2024 21:32 πŸ‘ 2 πŸ” 2 πŸ’¬ 1 πŸ“Œ 0
Why It Was Almost Impossible to Make the Blue LED
Why It Was Almost Impossible to Make the Blue LED The blue LED was supposed to be impossibleβ€”until a young engineer proposed a moonshot idea. Head to https://brilliant.org/veritasium to start your free 30-da...

I was not prepared for what a rollercoaster this story is youtu.be/AF8d72mA41M?...

09.02.2024 07:42 πŸ‘ 39 πŸ” 7 πŸ’¬ 4 πŸ“Œ 1

We’ve never met in person and have only interacted a little via social media, but I have a ton of respect for you. For what you’ve done, who you’ve fought for, and your decision to be done. I hope you find your happy place and something to do that loves you back.

09.02.2024 03:09 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

That said, funlit is a personal project. We’re using more idiomatic lit-element at Uber Freight.

30.01.2024 17:40 πŸ‘ 1 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

We haven’t used them in the past, but we’re starting to within Uber Freight.

30.01.2024 17:39 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Preview
βœ‚οΈ Class-free inheritance 48 seconds Β· Clipped by Shannon Moeller Β· Original video "HTML5DevConf: Doug Crockford "Which Way Is Forward" for JavaScript" by HTML5DevConf & IoTaconf

Crockford explains it better than I did. I should drop this link into the README and homepage. youtube.com/clip/UgkxN94...

29.01.2024 05:42 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Using attr() and prop() declare public properties. You may also create any public properties or methods you want by just adding them to the host. Check out the TypeScript example at the bottom of the README.

28.01.2024 05:43 πŸ‘ 1 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0

Thanks! Since you’re writing functions instead of classes, you don’t need private properties at all. Just use scope. Only add public stuff to the host.

define('my-thing', (host) => {
let privateVar = 'no touchy';
let privateRef = val(host, 123);
host.publicValue = 'touchy';
});

27.01.2024 22:01 πŸ‘ 0 πŸ” 0 πŸ’¬ 1 πŸ“Œ 0
Preview
npm: funlit Function Lit elements.. Latest version: 0.0.1-alpha.13, last published: 21 minutes ago. Start using funlit in your project by running `npm i funlit`. There are no other projects in the npm registry us...

Ever wish Lit had a function API for creating custom elements instead of using classes? Maybe give `funlit` a chance and tell me what you think.

npmjs.com/package/funlit

24.01.2024 12:54 πŸ‘ 0 πŸ” 1 πŸ’¬ 2 πŸ“Œ 0

For to us a child is born, to us a son is given; and the government shall be upon his shoulder, and his name shall be called Wonderful Counselor, Mighty God, Everlasting Father, Prince of Peace. –Isaiah 9:6

25.12.2023 15:58 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

For the record, the OpenAI board said, β€œWe’re worried he’s leading this to a place that’s bad for humanity,” and a bunch of billionaires said, β€œThat’s fine.”

Just so we’re clear who the heroes and villains are here.

23.11.2023 01:39 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Falcon and Winter Soldier: A group of displaced people who are sick of having their needs ignored decide to become violent and imbue themselves with super powers via stolen blood samples.

Secret Invasion: Hold my beer.

05.08.2023 18:30 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Help Design the Inaugural State of HTML Survey! β€’ Lea Verou

πŸ“£ Announcement!
Google is funding me to design a new #StateOfHTML survey, to complement the well-established #StateofJS & #StateofCSS surveys.

As a strong believer in transparency and co-design, I’m opening up the design process to community input:
https://lea.verou.me/blog/2023/design-

26.07.2023 14:12 πŸ‘ 15 πŸ” 7 πŸ’¬ 0 πŸ“Œ 0
Twitter bird logo, dead on its back, with the new X logo for an eye.

Twitter bird logo, dead on its back, with the new X logo for an eye.

#RIPLarry

24.07.2023 16:03 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

Newly diagnosed with ADHD. It explains a lot. Including kind of a big screw up yesterday. Doc prescribed meds, but there’s a shortage and it’s backordered.

How do you all navigate this? Especially as a spouse and parent?

17.07.2023 15:38 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0

It’s been like 15 hours since this thing launched and everyone’s Thread counts are higher than egyptian cotton.

06.07.2023 07:03 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0
Just a moment...

What if you could use Lit without having to write JS Classes or use the Shadow DOM? Would you give Web Components a chance?

@lit.dev @codepen.io
https://codepen.io/shannonmoeller/pen/RwqVQXm?editors=1010

03.07.2023 16:55 πŸ‘ 1 πŸ” 1 πŸ’¬ 0 πŸ“Œ 0

I get unreasonably irritated when someone says β€œJavaScript!!” when the source is really TypeScript or β€œjust CSS!!” when the source is really Sass.

26.06.2023 22:02 πŸ‘ 0 πŸ” 0 πŸ’¬ 0 πŸ“Œ 0