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!


#thread 🧵👇 #webcomponents #webdev
We added several librairies, like:

- #wafer by @lamplightdev
- #incremental-dom by @Google
- #sidewind by @bebraw
Also added the new @vuejs 3.2 with `defineCustomElement` Image
Read 9 tweets
¡Ojo! ¡Una caja Funko Pop! dibujada en 3D con #CSS!
ManzDev (Twitch Code Streamer) ¡en edición limitada!

Por aquí links:
👀Demo @CodePen…
🎬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
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).
Read 11 tweets
📣 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…
The new #Lit 2.0.0rc is in! @buildWithLit
With some sweet bundle size improvements over `lit-element` Image
#Prism compiler by @kaleidawave
Creates 0 dependencies components, goes straight to the top in single component bundle size. Image
Read 7 tweets
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
You can preview @astrodotbuild in this video:
with @FredKSchott and @feross
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
Read 12 tweets

Related hashtags

Did Thread Reader help you today?

Support us! We are indie developers!

This site is made by just two indie developers on a laptop doing marketing, support and development! Read more about the story.

Become a Premium Member ($3.00/month or $30.00/year) and get exclusive features!

Become Premium

Too expensive? Make a small donation by buying us coffee ($5) or help with server cost ($10)

Donate via Paypal Become our Patreon

Thank you for your support!