Don’t let anyone tell you otherwise. The Web is the most successful computing platform in history, and it’s all thanks to OOP. Herein lies a philosophical look at why it’s crucial to become an expert on the many object-oriented APIs in #WebDev and how understanding class hierarchies and instance efficiency allows you to build user-considerate, high-quality applications. Also: monkey patching is NOT a dirty word! 😄 Enlighten yourself:
That HTML Blog
The Web Platform is a Triumph of Object-Oriented Programming
Don’t let anyone tell you otherwise. The Web is the most successful computing platform in history, and it’s all thanks to OOP.
RE:
Mastodon
Firefox for Web Developers (@firefoxwebdevs@mastodon.social)
Attached: 1 video HTML invoker commands are newly baseline! Here's how they work…
 A quick rundown on Invoker Commands by @Jake Archibald We've written about this a lot on the blog and will no doubt have more to say now that the need to polyfill this is quickly starting to fade. It's truly exciting to have a web-native API which can solve the “wire up a click to perform a task” problem. #WebDev #HTML #JavaScript View quoted note →
This entire thread is *fantastic.* If you're a history buff *and* a markup nerd, doesn't get any better than this! @Marcin Wichary
Mastodon
Marcin Wichary (@mwichary@mastodon.online)
Once in a while I imagine how much more pleasant HTML would be to type if only different brackets were originally chosen. [div] [p] [a href...
By Russ Weakley: How does the Shadow DOM appear in the accessibility tree? Browsers flatten the shadow tree when building the accessibility tree. Flattening removes the accessibility boundary of the shadow root and exposes the internal nodes as if they were normal children in the accessibility tree, not the DOM tree. #HTML #WebDev #Accessibility
How does the Shadow DOM appear in the accessibility tree? - Max Design
Learn how browsers build accessible names using the idea of an accumulated text bucket, and why some naming rules empty and replace it
Perhaps it’s time to embrace real web open standard .js files which don’t require any build steps or tooling to execute properly, all while utilizing the power combo of JSDoc + tsc to gain all of the benefits of type hints in IDEs and type checking in CI. Let’s dive into some examples! #WebDev #JavaScript
That HTML Blog
The Nuances of JavaScript Typing using JSDoc
Perhaps it’s time to embrace real web open standard .js files which don’t require any build steps or tooling to execute properly, all while uti...
*whispers* HTML is also a markup language where you can define your own tags designed specifically for your needs 🤓
Front-End Social
randomMDN (@randomMDN@front-end.social)
🦖 XML introduction 🦖 https://developer.mozilla.org/en-US/docs/Web/XML/Guides/XML_introduction XML (Extensible Markup Language) is a markup ...
Did you know Node.js has a Rocket Turtle mascot? TIL!! image
If you haven't yet tried out cross-document view transitions, you are missing out on one of the absolute coolest things to hit the world of #WebDev this decade. To say it's a “game changer” is putting it mildly! 🤯
Previously we wrote about Reciprocate, a library for adding signal-based reactivity to server-rendered #HTML #WebComponents. Pretty cool problems to have solved, but what if you wanted more dynamic client-side smarts and the ability to write declarative templates with a trusty html`` function? Tada! 🎉 Thanks to Joe Pea @Joe Pea that #WebDev problem has also been solved. Wire up these two solutions together, and you'll be authoring new UI components using familiar DX. 🙌
That HTML Blog
Add Terrific DX to Your UI Web Components with nimble-html
This pairs fantastically with the Reciprocate library as previously reported.
This is fantastic news! 🎉 Lit remains the gold standard in “I want to author #WebComponents but I must have DX I'm already familiar with”. It's truly an incredible project. It powers the best UI framework (imo) in the biz, @npub1s7sk...047y. It was used to build Adobe Photoshop for the web. It was used in Reddit's latest redesign. Wonderful to see it's been gifted to the community and is no longer a “Google” project. Here's to many more years of being Lit! 🔥
lit.dev
Lit is Joining the OpenJS Foundation!
Lit is officially joining the OpenJS Foundation as an Impact Project!