Discover and read the best of Twitter Threads about #WebComponents
Most recents (4)
📢 New! All the Ways to Make a Web Component - November 2021 Edition!
🤯 59 Web Components compared
⌨️ Code styles
📊 Bundle sizes
🏎️ Performance
🤩 All-in-one article!
👉 webcomponents.dev/blog/all-the-w…
#thread 🧵👇 #webcomponents #webdev
🤯 59 Web Components compared
⌨️ Code styles
📊 Bundle sizes
🏎️ Performance
🤩 All-in-one article!
👉 webcomponents.dev/blog/all-the-w…
#thread 🧵👇 #webcomponents #webdev
We added several librairies, like:
- #wafer by @lamplightdev
- #incremental-dom by @Google
- #sidewind by @bebraw
- #wafer by @lamplightdev
- #incremental-dom by @Google
- #sidewind by @bebraw
Also added the new @vuejs 3.2 with `defineCustomElement` 
¡Ojo! ¡Una caja Funko Pop! dibujada en 3D con #CSS!
ManzDev (Twitch Code Streamer) ¡en edición limitada!
Por aquí links:
🐈Repo: github.com/ManzDev/twitch…
👀Demo @CodePen codepen.io/manz/pen/Yzxav…
🎬Video del making-of:
#html #css #javascript #webcomponents
ManzDev (Twitch Code Streamer) ¡en edición limitada!
Por aquí links:
🐈Repo: github.com/ManzDev/twitch…
👀Demo @CodePen codepen.io/manz/pen/Yzxav…
🎬Video del making-of:
#html #css #javascript #webcomponents
Como curiosidades, hemos diseñado todo sin utilizar imágenes, sólo usamos #CSS para diseñar, y #WebComponents (nativos) para encapsular y reutilizar.
- 11 WebComponents
- 515 líneas totales de Javascript
- 449 líneas totales de CSS
- 11 WebComponents
- 515 líneas totales de Javascript
- 449 líneas totales de CSS
Utilizamos la tipografía «Heroes Legend» para el logo, y la tipografía Bebas Neue para el resto de textos. Nuestra versión se llama «Punko FOP!» (gracias a pbl78 por la idea).
📣 New! All the Ways to make a Web Component - May 2021 Edition!
🤯 With 55 Web Components libraries compared
⌨️ Code styles
📊 Bundle sizes
🏎️ Performance
All compared in one article!
More details in thread below ⤵️ #webcomponents #webdev
webcomponents.dev/blog/all-the-w…
🤯 With 55 Web Components libraries compared
⌨️ Code styles
📊 Bundle sizes
🏎️ Performance
All compared in one article!
More details in thread below ⤵️ #webcomponents #webdev
webcomponents.dev/blog/all-the-w…
The new #Lit 2.0.0rc is in! @buildWithLit
With some sweet bundle size improvements over `lit-element`
With some sweet bundle size improvements over `lit-element`
#Prism compiler by @kaleidawave
Creates 0 dependencies components, goes straight to the top in single component bundle size.
Creates 0 dependencies components, goes straight to the top in single component bundle size.
I have seen @astrodotbuild this morning. The upcoming "meta web framework" from @skypackjs team (@FredKSchott, @matthewcp, @n_moore and maybe other I don't know 😅)
I think it's showing us something important. Here is my humble take on it and the emerging meta frameworks
(1/11)
I think it's showing us something important. Here is my humble take on it and the emerging meta frameworks
(1/11)
You can preview @astrodotbuild in this video: pscp.tv/w/1nAJELQkljlGL
with @FredKSchott and @feross
(2/11)
with @FredKSchott and @feross
(2/11)
In my words, @astrodotbuild is a meta web framework with properties introduced by Ruby on Rails: File based routing, layouts and taking the component models that we have seen in #nextjs, #nuxt, #sapper and now #sveltekit.
But! It's framework agnostic. Let me explain
(3/11)
But! It's framework agnostic. Let me explain
(3/11)
