Talk #webcomponents to me Build. Break. Rinse. Repeat. 💻🎥👨‍🍳 Opinions are my own Peopleware enthusiast @goforthandbuild

/in/shiju-tom-varughese/
Joined April 2014
🐺 Tom Varughese retweeted
Wide ecosystem support Storybook 7.0 has been refactored to make it easier to support all frameworks. ✅ We've added support for Vue 2, Lit & SvelteKit ✅ React, Vue 3, Svelte and others have been supported since 6.5 These all work with zero additional config! 6/
2
6
39
🐺 Tom Varughese retweeted
📢[LoL/TFT] Due to Riot's commitment to improve the reliability of our games, the NA region will be unavailable from 12:00 AM PDT to 4:00 AM PDT on 08/31/22 for maintenance while we continue our global migration efforts to the cloud. We thank you for your understanding.
28
24
17
455
🐺 Tom Varughese retweeted
Should you use an anchor tag or a button tag for clickable elements in HTML? The answer is surprisingly nuanced:
41
331
27
1,985
🐺 Tom Varughese retweeted
Replying to @_heyMP
Stacked slotes 🥰 youtube.com/watch?v=MS7y2K7t… Soooo good! We finally shipped then with our Help Text pattern dev.to/westbrook/who-doesnt-… but definitely want to be doing it more.
1
1
6
🐺 Tom Varughese retweeted
🎉 Lit will be at #GoogleIO Adventure in one week! Register for I/O and get answers to your #webcomponent questions, take our Lit tutorials, and check out the Lit Playground 👉 goo.gle/io22
1
2
1
14
🐺 Tom Varughese retweeted
Web components will literally power Photoshop, YouTube, SpaceX Dragon capsule control panels, and Reddit, but people who haven't tried will claim they can't scale. That says more about them than web components.
Web components absolutely are schedulable at scale, and interoperably at that. Don't let anyone just assert otherwise without evidence.
7
28
5
168
So /r/place is apparently build by the guy behind Wordle, so obviously with web components! 😊 And a closer look reveals it's @buildWithLit 🔥
1
12
59
🐺 Tom Varughese retweeted
Did you know that there's a property you can use to tell the browser how to decode an image? <img decoding="async"/> You can use it to defer the decoding of any low-priority image to improve page performance. Supported in all major browsers! caniuse.com/mdn-html_element…
5
108
5
567
🐺 Tom Varughese retweeted
Alright yall - which do you think is fastest for copying an array? Answer might surprise you 😉
27
90
2
665
🐺 Tom Varughese retweeted
🤩 In addition to over 70 WebKit additions, Safari 15.4 added <dialog> support! 🌐 This is an important element that can popup above other content- #developers can now use it in their own #webcomponents. Learn more ➡️ goo.gle/3DqDwRe
1
19
74
🐺 Tom Varughese retweeted
🤯 CHECK THIS OUT - Safari 15.4 has improved the #DevTool inspector for #CSS variables. 🎛 The update makes it easy to identify in which layer a rule is defined and provides new CSS Alignment controls. #webdev Learn more: goo.gle/3CWuFq2
1
12
51
🐺 Tom Varughese retweeted
Native <img> lazy-loading is now shipping to Safari 15.4! webkit.org/blog/12445/new-we… 🎉 for stronger cross-browser support.
Native <img> lazy-loading is now enabled in Safari Tech Preview! 😍 Use <img loading=lazy> to natively lazy-load images: bit.ly/stp-135 - looking forward to this coming to Safari stable.
6
135
10
547
🐺 Tom Varughese retweeted
Rendering on the web is a spectrum. Static HTML? SSR? Streaming? Here we cover options & trade-offs: bit.ly/renderingp & bit.ly/rendering-web
36
527
35
2,206
🐺 Tom Varughese retweeted
#DevelopingDesignSystems really benefits from Visual Regression Testing to ensure the CSS changes over time are able to be tracked and managed and _known_ by your team. Checkout github.com/modernweb-dev/web… for making that possible for you project.
2
7
In less than 24hrs we kick off the 1st #DevelopingDesignSystems Twitter space with @ChrisDHolt @claviska @darianrosebrook and @WestbrookJ Be sure to tweet questions to our #DevelopingDesignSystems hashtag and be a part of the conversation! xitter.cf/i/spaces/1vAxRkXamXVKl
🐺 Tom Varughese retweeted
The notable exception, in my experience, are React devs. They generally don’t like web components because they’re not “idiomatic.” But even that’s a solved problem. Here’s how I do it for @shoelace_style: shoelace.style/frameworks/re… – at New Hampshire, USA
2
4
14
🐺 Tom Varughese retweeted
<dialog> has landed in Safari webkit.org/blog/12209/introd… – at New Hampshire, USA
2
26
🐺 Tom Varughese retweeted
If I think I'm maybe 2/3 of the way through writing a followup post to xitter.cf/OpenWc/status/14862537… on #webComponents and #a11y how much past 25% could I really be and is it possible for me to actually finish it in less than the two weeks that it has taken me to get this far? 😳
Are you maintaining a Design System using web components? Or are you starting one? Hear some insights of maintainers of existing systems like ➡️ Vaadin (@serhiikulykov) ➡️ IBM (Ari Gilmore) ➡️ SAP (@stoyanova_elly) ➡️ ING (@daKmoR ) ➡️ Adobe (@WestbrookJ) youtu.be/xz8yRVJMP2k
1
3
11
🐺 Tom Varughese retweeted
Who here thinks @claviska @anotheruiguy @ChrisDHolt and I could put together a decent Twitter Space on design systems, #webComponents, and building things with modern web tech!?! ♻️ 👍 or 👋🏽 If your into it!
5
6
36