Sven Kannengiesser
@skanne.bsky.social
Linguaphile polyglot (🇩🇪🇭🇷🇬🇧🇧🇷🇮🇹🇪🇸🇫🇷🇸🇪🇳🇱 and up) with a weak spot for minority languages (like e.g. Northern Sámi)
Craft coder with a love for less-is-more native solutions, 🚾 Web Components & 🎨 Design Systems
Works passionately @SAP
Craft coder with a love for less-is-more native solutions, 🚾 Web Components & 🎨 Design Systems
Works passionately @SAP
Did you know there was a "Polyglot Unconference", too? @speakingfluently.bsky.social #polyglotconference
October 12, 2025 at 7:38 AM
Did you know there was a "Polyglot Unconference", too? @speakingfluently.bsky.social #polyglotconference
Ooomph! I've been doing web development ever since the days of Netscape 4.6 and Internet Explorer 5, but never have I known of the existence of this nifty and handy API!
October 8, 2025 at 7:21 PM
Ooomph! I've been doing web development ever since the days of Netscape 4.6 and Internet Explorer 5, but never have I known of the existence of this nifty and handy API!
Read that article today and thought “Okay, nice. But…! Why this boilerplate and another layer of abstraction, if you cannot even take full advantage of classes?”
September 8, 2025 at 11:16 PM
Read that article today and thought “Okay, nice. But…! Why this boilerplate and another layer of abstraction, if you cannot even take full advantage of classes?”
Are you referring to piccalil.li/blog/functio... by any chance?
Functional custom elements the easy way
Function-based JavaScript is really common in frameworks like React and Vue, but what about Web Components? Ginger is here to show you how to build a reusable function to do just that.
piccalil.li
September 8, 2025 at 10:44 PM
Are you referring to piccalil.li/blog/functio... by any chance?
I'd give github.com/jorgebucaran... a shot. It has reactive templating, it's client side (no build step needed!), its DOM diffing is very efficient, and your data (= state) stays in JS. I've been using it for quite a few years, and it plays very nicely with its neighbors.
August 23, 2025 at 6:54 PM
I'd give github.com/jorgebucaran... a shot. It has reactive templating, it's client side (no build step needed!), its DOM diffing is very efficient, and your data (= state) stays in JS. I've been using it for quite a few years, and it plays very nicely with its neighbors.
So thankful for this tip! I was already mad about this behavior.
August 22, 2025 at 7:58 AM
So thankful for this tip! I was already mad about this behavior.
Very insightful! Made me rethink my/our strategy (micro-frontend architecture using web components with closed shadow DOM).
August 4, 2025 at 6:53 PM
Very insightful! Made me rethink my/our strategy (micro-frontend architecture using web components with closed shadow DOM).
In a popover that is used in two places (i.e. triggered by different buttons), but with the same content.
July 18, 2025 at 9:04 PM
In a popover that is used in two places (i.e. triggered by different buttons), but with the same content.
Wow, this is great! Keep it coming... ;-)
Your “Horizontal Scroll” example has a wrong closing tag (</tbody> instead of </div>). The example therefore only works partially.
Your “Horizontal Scroll” example has a wrong closing tag (</tbody> instead of </div>). The example therefore only works partially.
June 22, 2025 at 8:32 PM
Wow, this is great! Keep it coming... ;-)
Your “Horizontal Scroll” example has a wrong closing tag (</tbody> instead of </div>). The example therefore only works partially.
Your “Horizontal Scroll” example has a wrong closing tag (</tbody> instead of </div>). The example therefore only works partially.
Yes, but I would name the attribute _bound_, not -binded-.
April 9, 2025 at 12:00 AM
Yes, but I would name the attribute _bound_, not -binded-.
/** Input.js **/
import { FormAssociated, internals } from "./FormAssociated.js";
class Input extends FormAssociated {
get value() {
return this[internals].formValue;
}
set value(newValue) {
this[internals].setFormValue(newValue);
}
}
import { FormAssociated, internals } from "./FormAssociated.js";
class Input extends FormAssociated {
get value() {
return this[internals].formValue;
}
set value(newValue) {
this[internals].setFormValue(newValue);
}
}
April 7, 2025 at 4:32 PM
/** Input.js **/
import { FormAssociated, internals } from "./FormAssociated.js";
class Input extends FormAssociated {
get value() {
return this[internals].formValue;
}
set value(newValue) {
this[internals].setFormValue(newValue);
}
}
import { FormAssociated, internals } from "./FormAssociated.js";
class Input extends FormAssociated {
get value() {
return this[internals].formValue;
}
set value(newValue) {
this[internals].setFormValue(newValue);
}
}
/** FormAssociated.js **/
const internals = Symbol("internals");
class FormAssociated extends HTMLElement {
constructor() {
super();
this[internals] = this.attachInternals();
}
}
export { FormAssociated, internals };
const internals = Symbol("internals");
class FormAssociated extends HTMLElement {
constructor() {
super();
this[internals] = this.attachInternals();
}
}
export { FormAssociated, internals };
April 7, 2025 at 4:32 PM
/** FormAssociated.js **/
const internals = Symbol("internals");
class FormAssociated extends HTMLElement {
constructor() {
super();
this[internals] = this.attachInternals();
}
}
export { FormAssociated, internals };
const internals = Symbol("internals");
class FormAssociated extends HTMLElement {
constructor() {
super();
this[internals] = this.attachInternals();
}
}
export { FormAssociated, internals };
I use symbols for "protected" fields & methods. Here is an abbreviated use case (see 🧵). The trick is to have a symbol for accessing the field/method, and export it together with the class. The importing module extends from the superclass which uses the symbol for access to the inherited internals.
April 7, 2025 at 4:32 PM
I use symbols for "protected" fields & methods. Here is an abbreviated use case (see 🧵). The trick is to have a symbol for accessing the field/method, and export it together with the class. The importing module extends from the superclass which uses the symbol for access to the inherited internals.
I give up. I'll leave you to it. If you think this one video shows the correct translations of "to ride" into Spanish and Hebrew, then so be it. I wish you a long and happy life. You won't hear from me again.
March 4, 2025 at 9:03 PM
I give up. I'll leave you to it. If you think this one video shows the correct translations of "to ride" into Spanish and Hebrew, then so be it. I wish you a long and happy life. You won't hear from me again.
And yes, you really are stubborn, aren't you? And cannot admit or accept when you are (or better: the content of the video is) wrong. Reminds me of that Orange Desaster in the White House. Oh my... 🤷♂️
March 4, 2025 at 9:03 PM
And yes, you really are stubborn, aren't you? And cannot admit or accept when you are (or better: the content of the video is) wrong. Reminds me of that Orange Desaster in the White House. Oh my... 🤷♂️
I don't doubt that your methods work. I haven't seen the rest of your work (or business). I've only seen that one video. And it shows crap. Sorry, but IMO it is like it is: wrong translations of "to ride".
March 4, 2025 at 9:03 PM
I don't doubt that your methods work. I haven't seen the rest of your work (or business). I've only seen that one video. And it shows crap. Sorry, but IMO it is like it is: wrong translations of "to ride".
Again, I am not against YOU or your business, but I am against things that are so obviously outright WRONG.
March 4, 2025 at 8:40 PM
Again, I am not against YOU or your business, but I am against things that are so obviously outright WRONG.
All I want to express is my "concern" (yes, in that sense, I am a concern troll) that relying on technology without questioning and checking is dangerous. I know what I am talking about. I work for IT myself. For over 30 years now.
March 4, 2025 at 8:40 PM
All I want to express is my "concern" (yes, in that sense, I am a concern troll) that relying on technology without questioning and checking is dangerous. I know what I am talking about. I work for IT myself. For over 30 years now.
I am a polyglot and linguaphile myself. I am not a professional as you are. I have studied both Spanish and Hebrew (and many other languages) for years and to a great extent. And never ever have I come across such Google-wannabe-infinitives.
March 4, 2025 at 8:40 PM
I am a polyglot and linguaphile myself. I am not a professional as you are. I have studied both Spanish and Hebrew (and many other languages) for years and to a great extent. And never ever have I come across such Google-wannabe-infinitives.
For the Hebrew verb forms I'd suggest you give www.pealim.com a try. If you search for "לרכב" without the niqudim you do get both לִרְכַּב (lirkav) and "לִרְכֹּב~לרכוב" (lirkov), but you also get "ל־ + רֶכֶב" (la-rechev, a ketel pattern noun) which means "to (the) vehicle". And that's what your video shows.
March 4, 2025 at 8:40 PM
For the Hebrew verb forms I'd suggest you give www.pealim.com a try. If you search for "לרכב" without the niqudim you do get both לִרְכַּב (lirkav) and "לִרְכֹּב~לרכוב" (lirkov), but you also get "ל־ + רֶכֶב" (la-rechev, a ketel pattern noun) which means "to (the) vehicle". And that's what your video shows.
The Spanish infinitive consists of only ONE word, unlike English. See for instance www.woodwardspanish.com/lesson/spani...
In no Spanish grammar that I own can I find an example where "a" + stem + "-ar/-er/-ir" is given as the infinitive form. Try to find it yourself.
In no Spanish grammar that I own can I find an example where "a" + stem + "-ar/-er/-ir" is given as the infinitive form. Try to find it yourself.
![[Screenshot]
What is an infinitive in Spanish?
In Spanish the infinitive (infinitivo) consists of one word and not two words as in English (to + verb …. are two words).](https://cdn.bsky.app/img/feed_thumbnail/plain/did:plc:zv6buq2ujlpv4jrt27vlmv3r/bafkreidsvzaavef26izwmalf6za7k6s6wb6ks6ipxuotcni2q6wi7wn5yq@jpeg)
March 4, 2025 at 8:40 PM
The Spanish infinitive consists of only ONE word, unlike English. See for instance www.woodwardspanish.com/lesson/spani...
In no Spanish grammar that I own can I find an example where "a" + stem + "-ar/-er/-ir" is given as the infinitive form. Try to find it yourself.
In no Spanish grammar that I own can I find an example where "a" + stem + "-ar/-er/-ir" is given as the infinitive form. Try to find it yourself.
Now, whether "a" + infinitive is used colloquially in some part of the mundo hispanohablante, I don't know. But I consider it wrong to teach it this way.
March 4, 2025 at 8:40 PM
Now, whether "a" + infinitive is used colloquially in some part of the mundo hispanohablante, I don't know. But I consider it wrong to teach it this way.
You are right. I am not a native speaker of neither Spanish nor Hebrew. But I know the basic rules of grammar of each. And I consider infinitives one of the must-know basics of grammar (if the respective language actually HAS infinitives as a concept). Other parts of grammar are less important.
March 4, 2025 at 8:40 PM
You are right. I am not a native speaker of neither Spanish nor Hebrew. But I know the basic rules of grammar of each. And I consider infinitives one of the must-know basics of grammar (if the respective language actually HAS infinitives as a concept). Other parts of grammar are less important.