techhub.social: About · Status · Profiles directory · Privacy policy
Mastodon: About · Get the app · Keyboard shortcuts · View source code · v4.4.2
Just embedded #vue into a huge legacy web application with vue components (generates vue #webcomponent).
This is a big step, since now I can incrementally rewrite the whole UI.
Just released: #teskooano new #webComponent based engine toolbar - a plugin toolbar that allows panels to register themselves with a button - so it;s much easier to add new features.
Got a bit distracted while working on a side project and made a #WebComponent for some floating frosted glass.
Been building a Card component for our #DesignSystem. Trickier than you might think.
To make the card surface clickable, it uses an approach from @heydon 's excellent https://inclusive-components.design/cards/ post, albeit wrapped up as a #WebComponent that progressively enhances a link/button in the card's content.
Also taking cues from @nathanacurtis sub components post https://medium.com/eightshapes-llc/subcomponents-753ce9f6600a and giving our consumers a suite of building blocks to assemble whatever specialsed card variations they need.
Shareception! The share button I built, in action on my website, being used to share a blurb about the share button.
My #webcomponent for embedding #mastodon feeds and its demo page https://hcschuetz.github.io/mastodon-toots/ got a few enhancements, for example:
1. CSS fixes. (The old styling worked in Firefox but had problems in Edge and probably also Chrome.)
2. Hide sensitive content.
3. Added a list of similar projects to the demo page.
4. And perhaps most importantly: The component configuration became both simpler and more powerful.
1/2
If you have a #WebComponent with
```js
constructor() {
this.mq = matchMedia(…)
}
```
do you need to clean up any change listeners in `disconnectedCallback()`?
This was not intuitive to me, and I could imagine it going both ways.
1/2 (answer in next post)
#Development #Launches
Marquee · A smoothly animated, flexible ticker web component https://ilo.im/162b3u
_____
#Marquee #Animation #API #WebComponent #WebDev #Frontend #HTML #JavaScript
Mastodon is the best way to keep up with what's happening.
Follow anyone across the fediverse and see it all in chronological order. No algorithms, ads, or clickbait in sight.
Create accountLogin