FUD:
Web components suck! No one is using them!
But is that true?
Google:
Our annual $35 billion revenue YouTube product is built on Web Components.
Microsoft:
We converted our entire content platform from React SSR to Web Components which doubled the perf. We finally crossed the $10 billion annual revenue milestone.
Adobe:
We built Photoshop Web with Web Components.
Salesforce:
Our $31 billion annual revenue platform has been based on Web Components for years.
SpaceX:
We built our dashboard system with Web Components and launched rockets into space.
GitHub:
We've been building parts of the GitHub experience with Web Components for years.
Anyone else building with Web Components?
Amazon, Apple, Alaska Airlines, BBVA, Begin, Blizzard, BYU, Clever Cloud, Cloud Four, Comcast, EA, 11ty, ESRI, Ford, GE, GitLab, General Motors, GuideCom, IBM, Infragsitics, ING, The Internet Archive, Ionic, Joomla!, NASA, Netlify, Penn State, Reddit, Red Hat, SAP, Scania, Stripe, Ubisoft, Vaadin, Visa, Wolkswagen, Wordle, etc.
https://t.co/uhb9mMgxJK
How do I reopen a Chromium issue regarding CSS coverage not working for dynamic inline styles? This affects all Angular projects: https://t.co/vU3n6hA9Sa. I added a comment with repro, but I think it needs reopening.
@MSEdgeDev I've read https://t.co/WgZeWtYQIw, but it doesn't work for large stylesheets. The table uses virtual scrolling and it does not copy all rows if you have 100s of them.
To some extent this can be fixed by reducing the font size in DevTools, but that's still not enough for my app.
Folks, there's an RFC for @angular's interop APIs for converting between Signals and Observables. It may help them if you add some use cases (but please don't just create noise to create noise like "yes!" or whatever).
π I'm looking for a new long-term role!
I believe that there's a ton of untapped potential in computing, and that a lot of it is limited by (broadly understood) interfaces.
Background/interests/context here: https://t.co/RWwMXIhExZ?
Let's chat: [email protected]
RT=β€οΈ
These @ChromeDevTools memory inspection docs have not changed since 2015, though this tool has evolved a lot: https://t.co/I2MemtCU59. Where're the current docs?
CSS Tip! π
Use custom properties to power parallax effects π
Use JavaScript to pass the pointer position to CSS. Let CSS handle the rest, moving things at different rates πͺ
card:hover{
rotate: calc(var(--ratio-y) * 50deg);
}
Play with card effects β¨
Demo link below! π