Explore tweets tagged as #customElements
🚀 React, Vue 시대가 저물고 있다!. 2025년 웹 컴포넌트가 새로운 표준이 되고 있어요. ✨ Custom Elements.✨ Shadow DOM .✨ HTML Templates. 프레임워크 독립적인 컴포넌트 시대가 왔습니다 💪. #웹컴포넌트 #CustomElements #WebStandards #2025트렌드. 👉
0
0
0
I just made a open source boilerplate class for webcomponents. What do you think?. #javascript #webcomponents #customelements.
0
0
0
I just released element-behaviors 3.1 which introduces an `elementBehaviors.whenDefined()` property similar to `customElements.whenDefined()`. Element-behaviors allows applying behaviors onto HTML elements. Here's the release note including a demo:.
1
6
31
HTML on the left, output on the right. #Lume + @Alpine_JS = ❤️. #LumeHTML #CustomElements #alpinejs #buildless #webdev
1
0
5
#XSS #Bypass #Tip . Look for "customElements.define()" in libraries and inline JavaScript code used by application. That function registers a new DOM element and WAFs are not expecting them. Example below creates the <py-script> element which leads to an interesting bypass.
PyScript #XSS . <py-script>.'\74img/src/onerror\75alert(1)\76'.</py-script>. PoC. #WAF #bypass #bugbounty
2
34
103
Custom elements in HTML allow #web #developers to create their own reusable and encapsulated components. By defining custom tags with the customElements.define API, developers can extend the functionality of HTML, promoting modularity and maintainability in web #development.
0
0
0
How to check what web components are used on a page:. [. new Set([. document.querySelectorAll('html *')].map(el => el.nodeName.toLowerCase()))].filter(x => x.includes("-")).map(x => (customElements.get(x) ? 'custom element: ' : 'not CE: ') + x) . curiously finding a lot of
3
2
5
CLS with the listing shifting has reduced the score a bit but the overall numbers look promising. I need to read up a bit here. Beauty is, the lib/index.js that abstracts most of the functionality, unminified, is just 2kb. #frontend #javascript #customelements #usetheplatform
0
0
0
Gracias al Sensei @Manz, que entiendo algo de CustomElements y por eso hay nuevo video!!. Creando un <select-multiple> que se vea como un select y no como una lista desplegada. Por acá 👉👉. PD: La idea es agregarle más cosas en nuevos videos 🤓
0
3
12
¡Crea componentes web reutilizables con JavaScript! Descubre cómo utilizar Custom Elements, Shadow DOM y HTML Templates para desarrollar componentes modulares. #JavaScript #WebComponents #CustomElements #ShadowDOM #DesarrolloWeb
0
1
0
WebComponentsの使い方よく分かってないザウルスはWebComponentsの使い方がわからないまま適当にcustomElements.defineしていたので滅びた.
0
0
4
@yuta0801_ その用途で試した lit が思いの外使いづらかったんですよね。customElements に呪われてしまうと現代のフロントエンドでは逆に何も作れなくなる典型例.
0
0
0
完全にWeb標準だけ使うのだとCustomElementsしかなくてさすがにつらいので、なんらかの設計を持つ独自レイヤーを挟むことになる。そうなると、独自レイヤーのメンテナンス力ですMetaと競争するになりそれに勝てると踏んだら独自レイヤーが爆誕する（？）.
0
1
18
117 Summer Doodle Cliparts & Patterns: Elements of design for T-Shirt Design, Branding, Wall Art Print, and Social Media (Svg, Png, Eps, Ai).Download Link: #SummerDoodles #IllustrationClipart #RainbowDoodles #BeachIcons #CustomElements #PrintableArt
0
0
0
Eirik Backer will be at #TDConf23 with his talk "Fixing HTML for everyone with CustomElements" 🎉. You can read more about Eirik and his talk here 👇.
0
1
2
WebComponents というか CustomElements はもう存在自体が負債に足突っ込んでるんだけど、ShadowRoot だけはなんとか CSS フレームワークがオプティマイズした形で取り込んでほしい。もうIEいないんだから….
0
0
5