👨🏻💻TRS-80 Scriptkiddie '79+
🎓 Computer Science '87 - '92
❤️ Online since 1990 yes! 1990 I started with Email and Gopher
"decode this cypher word, each letter on a chessboard"
GPT5 said: CHECKMATE (WTF 9 letters)
GPT5.1 said PAWNSTAR (great answer, but wrong)
GPT5.2 said: CONFUSED (also a great answer)
Will GPT666 get it right?
The main reason shadowDOM exists is on the other side of the boundary!!
For many moons now all complex tags like
The main reason shadowDOM exists is on the other side of the boundary!!
For many moons now all complex tags like
but state Web Components shadomDOM should die
shadow-style.github.io
#webcomponents
but state Web Components shadomDOM should die
shadow-style.github.io
#webcomponents
shadow-style.github.io
too lazy to enter a second prompt, I was only exploring content for my Web Component course
shadow-style.github.io
too lazy to enter a second prompt, I was only exploring content for my Web Component course
"decode this cypher word, each letter on a chessboard"
GPT5 said: CHECKMATE (WTF 9 letters)
GPT5.1 said PAWNSTAR (great answer, but wrong)
GPT5.2 said: CONFUSED (also a great answer)
Will GPT666 get it right?
"decode this cypher word, each letter on a chessboard"
GPT5 said: CHECKMATE (WTF 9 letters)
GPT5.1 said PAWNSTAR (great answer, but wrong)
GPT5.2 said: CONFUSED (also a great answer)
Will GPT666 get it right?
... but your site is just a static page
... but your site is just a static page
button.remove()
"self-destruct" is: this.remove()
I rewrote it, to prevent those FOUCs, for my own use:
gist.github.com/adactio/a445...
button.remove()
"self-destruct" is: this.remove()
I rewrote it, to prevent those FOUCs, for my own use:
gist.github.com/adactio/a445...
But us mortal Web Component developers couldn't use it till years later
𝙨𝙞𝙣𝙘𝙚 𝙬𝙝𝙚𝙣 𝙙𝙤𝙚𝙨 𝙪𝙨𝙚𝙧-𝙖𝙜𝙚𝙣𝙩 𝙨𝙝𝙖𝙙𝙤𝙬𝙍𝙤𝙤𝙩 𝙚𝙭𝙞𝙨𝙩 𝙞𝙣 𝙩𝙝𝙚 𝙗𝙧𝙤𝙬𝙨𝙚𝙧𝙨?
#webcomponents
But us mortal Web Component developers couldn't use it till years later
𝙨𝙞𝙣𝙘𝙚 𝙬𝙝𝙚𝙣 𝙙𝙤𝙚𝙨 𝙪𝙨𝙚𝙧-𝙖𝙜𝙚𝙣𝙩 𝙨𝙝𝙖𝙙𝙤𝙬𝙍𝙤𝙤𝙩 𝙚𝙭𝙞𝙨𝙩 𝙞𝙣 𝙩𝙝𝙚 𝙗𝙧𝙤𝙬𝙨𝙚𝙧𝙨?
#webcomponents
It's a tall order for a guy who hasn't left his apartment in 42 days and is more than happy to stay at home with technology.
www.youtube.com/watch?v=NZ8G...
It's a tall order for a guy who hasn't left his apartment in 42 days and is more than happy to stay at home with technology.
www.youtube.com/watch?v=NZ8G...
ChatGPT thought for 7 minutes and 17 seconds, and said:
𝙋𝘼𝙒𝙉𝙎𝙏𝘼𝙍
Wrong word, because AI is great at logic, but can't think...
What word do you see?
ChatGPT thought for 7 minutes and 17 seconds, and said:
𝙋𝘼𝙒𝙉𝙎𝙏𝘼𝙍
Wrong word, because AI is great at logic, but can't think...
What word do you see?
You were trained on blog-posts that do not show the chaining of super in:
super().attachShadow({mode:"open"})
That does not make your statement below right.
super() DOES return the this scope
You were trained on blog-posts that do not show the chaining of super in:
super().attachShadow({mode:"open"})
That does not make your statement below right.
super() DOES return the this scope
"You Know" remarks those Muricans make.
That would slash an hour long video in half.
"You Know" remarks those Muricans make.
That would slash an hour long video in half.
stackoverflow-challenges.github.io/cipher/index...
Became the simplest LLM quality tester
GPT5:
stackoverflow-challenges.github.io/cipher/index...
Became the simplest LLM quality tester
GPT5:
I think we all have been using Custom Elements not to its full extend
You can use Custom Elements/Web Components?
(which extend from HTMLElement)
*Without* using any JavaScript!
Am I wrong?
dev.to/dannyengelma...
I think we all have been using Custom Elements not to its full extend
You can use Custom Elements/Web Components?
(which extend from HTMLElement)
*Without* using any JavaScript!
Am I wrong?
dev.to/dannyengelma...
Or are you fighting FOUCs because you defined your UI Web Components (too) late *after* DOM was parsed
(using defer, import module or readystate/DOMContentLoaded)
Or are you fighting FOUCs because you defined your UI Web Components (too) late *after* DOM was parsed
(using defer, import module or readystate/DOMContentLoaded)
⏹️ Error, super() must come first in the constructor
⏹️ Red, ::part styles parts inside shadowDOM
⏹️ Not Red, ::part in the host container can style parts
⏹️ Not Green, the Web Component is 0 height
Multiple answers possible
jsfiddle.net/WebComponent...
⏹️ Error, super() must come first in the constructor
⏹️ Red, ::part styles parts inside shadowDOM
⏹️ Not Red, ::part in the host container can style parts
⏹️ Not Green, the Web Component is 0 height
Multiple answers possible
jsfiddle.net/WebComponent...
The <sprite-meister> Web Component reads a Template Literal String, processes variables AND functions (pulse, ease and rotate) then creats ONE SVG with 24 frames. All client-side.
jsfiddle.net/WebComponent...
PacMan code:
The <sprite-meister> Web Component reads a Template Literal String, processes variables AND functions (pulse, ease and rotate) then creats ONE SVG with 24 frames. All client-side.
jsfiddle.net/WebComponent...
PacMan code:
OP: "𝘸𝘦𝘣 𝘤𝘰𝘮𝘱𝘰𝘯𝘦𝘯𝘵𝘴 𝘪𝘯𝘴𝘵𝘢𝘯𝘵𝘪𝘢𝘵𝘦 𝘪𝘯 𝘵𝘩𝘦 𝘰𝘳𝘥𝘦𝘳 𝘵𝘩𝘦𝘪𝘳 𝘥𝘦𝘧𝘪𝘯𝘦() 𝘮𝘦𝘵𝘩𝘰𝘥𝘴 𝘢𝘳𝘦 𝘤𝘢𝘭𝘭𝘦𝘥 𝘪𝘯 𝘑𝘢𝘷𝘢𝘚𝘤𝘳𝘪𝘱𝘵. 𝘛𝘩𝘦 𝘏𝘛𝘔𝘓 𝘰𝘳𝘥𝘦𝘳 𝘥𝘰𝘦𝘴𝘯’𝘵 𝘮𝘢𝘵𝘵𝘦𝘳"
NO!
WCs defined *BEFORE* DOM is parsed execute in DOM order
WCs defined *AFTER* DOM is parsed execute in define() order
OP: "𝘸𝘦𝘣 𝘤𝘰𝘮𝘱𝘰𝘯𝘦𝘯𝘵𝘴 𝘪𝘯𝘴𝘵𝘢𝘯𝘵𝘪𝘢𝘵𝘦 𝘪𝘯 𝘵𝘩𝘦 𝘰𝘳𝘥𝘦𝘳 𝘵𝘩𝘦𝘪𝘳 𝘥𝘦𝘧𝘪𝘯𝘦() 𝘮𝘦𝘵𝘩𝘰𝘥𝘴 𝘢𝘳𝘦 𝘤𝘢𝘭𝘭𝘦𝘥 𝘪𝘯 𝘑𝘢𝘷𝘢𝘚𝘤𝘳𝘪𝘱𝘵. 𝘛𝘩𝘦 𝘏𝘛𝘔𝘓 𝘰𝘳𝘥𝘦𝘳 𝘥𝘰𝘦𝘴𝘯’𝘵 𝘮𝘢𝘵𝘵𝘦𝘳"
NO!
WCs defined *BEFORE* DOM is parsed execute in DOM order
WCs defined *AFTER* DOM is parsed execute in define() order
NOT using any Web Components core technology:
❌ Custom Elements API
❌ Templates
❌ shadowDOM
then creating a HTML tag,
by only typing <𝙩𝙖𝙜-𝙣𝙖𝙢𝙚>...𝙩𝙖𝙜-𝙣𝙖𝙢𝙚>
Have I then created a "Web Component" ⁉️
You tell me...
dev.to/dannyengelma...
#webcomponents
NOT using any Web Components core technology:
❌ Custom Elements API
❌ Templates
❌ shadowDOM
then creating a HTML tag,
by only typing <𝙩𝙖𝙜-𝙣𝙖𝙢𝙚>...𝙩𝙖𝙜-𝙣𝙖𝙢𝙚>
Have I then created a "Web Component" ⁉️
You tell me...
dev.to/dannyengelma...
#webcomponents
and they are
I made my post a blogpost.
#webcomponents / Web Components
𝙉𝙤𝙩 𝙖 𝘿𝙄𝙑 𝙞𝙣𝙨𝙞𝙙𝙚/𝙞𝙣 𝙨𝙞𝙜𝙝𝙩/𝙨𝙞𝙩𝙚
dev.to/dannyengelma...
and they are
I made my post a blogpost.
#webcomponents / Web Components
𝙉𝙤𝙩 𝙖 𝘿𝙄𝙑 𝙞𝙣𝙨𝙞𝙙𝙚/𝙞𝙣 𝙨𝙞𝙜𝙝𝙩/𝙨𝙞𝙩𝙚
dev.to/dannyengelma...
ANY tagname with a dash becomes a valid HTMLElement,
NOT HTMLUnknownElement as some gurus claim.
That means you can replace ALL DIVs with semantic HTML.
Absolutely NO JavaScript required, only HTML and CSS!
Should we call them "Web Components"? You tell me
#webcomponents
ANY tagname with a dash becomes a valid HTMLElement,
NOT HTMLUnknownElement as some gurus claim.
That means you can replace ALL DIVs with semantic HTML.
Absolutely NO JavaScript required, only HTML and CSS!
Should we call them "Web Components"? You tell me
#webcomponents
𝙄 𝙖𝙢 𝙤𝙣𝙡𝙮 𝙪𝙨𝙞𝙣𝙜 𝙨𝙝𝙖𝙙𝙤𝙬𝘿𝙊𝙈 𝙩𝙤𝙙𝙖𝙮 😎
𝙄 𝙖𝙢 𝙤𝙣𝙡𝙮 𝙪𝙨𝙞𝙣𝙜 𝙨𝙝𝙖𝙙𝙤𝙬𝘿𝙊𝙈 𝙩𝙤𝙙𝙖𝙮 😎