#webcomponent — Public Fediverse posts

#Development #Techniques
Fully local code embeds · A web component for rendering code sandboxes https://ilo.im/16bs9f

_____
#Code #Sandboxes #WebComponent #Content #Website #WebDev #Frontend #HTML #CSS #JavaScript

Today i released a big update to spark.
Lots of improvements in the framework.

see yourself : https://pub.dev/packages/spark_framework/changelog
and even more in the cli : https://pub.dev/packages/spark_cli/changelog

#dart #dartweb #dartlang #ssr #webcomponent

Are Web Components & Cybersecurity A Better Combo?

I'm not trying to dunk on popular #UI #frameworks – I'm sure they're totally fine for #cybersecurity stuff, probably get loads of reviews and #audits.

But from my angle: Web Components are *native* to the #browser. Doesn't that just inherently reduce the risk of **#SupplyChainAttacks** (you know, like a rogue `npm install` on a bad network) for your #AppSecurity?

Or am I overthinking it, and the #framework choice is less important than the #browser, #OS, or #device running it? What are your thoughts, #DevCommunity?

---

Quick context: I've got a #ReactJS #messagingApp (repo here: https://github.com/positive-intentions/chat) and a separate #UIFramework (repo here: https://github.com/positive-intentions/dim) built with #Lit (which uses Web Components). I'm genuinely wondering if there's a compelling #cybersecurity reason to refactor the chat app to use my #WebComponent UI framework. Might be a whole new level of #SecurityByDesign for #FrontEndDev.

FYI, same question's on Reddit here: https://www.reddit.com/r/ExperiencedDevs/comments/1lmk1rg/are_web_components_better_for_cybersecurity/, got some good #insights, but want to make sure nothing's getting overlooked! Let's discuss #InfoSec #WebDev #JavaScript #OpenSource #TechQuestion.

#Development #Approaches
Glossary web component · A slick way to add links and context to your content https://ilo.im/163pvz

_____
#Glossary #Content #Markdown #JSON #Popover #WebComponent #WebDev #Frontend #HTML #JavaScript

#Development #Launches
Marquee · A smoothly animated, flexible ticker web component https://ilo.im/162b3u

_____
#Marquee #Animation #API #WebComponent #WebDev #Frontend #HTML #JavaScript

#Development #Approaches
‘include-iframe’ web component · Versions of ‘HTML includes’ have evolved into a new take https://ilo.im/160elk

_____
#HtmlIncludes #Iframe #WebComponent #ProgressiveEnhancement #Browser #WebPerf #WebDev #Frontend #HTML #JavaScript

#Development #Approaches
‘include-iframe’ web component · Versions of ‘HTML includes’ have evolved into a new take https://ilo.im/160elk

_____
#HtmlIncludes #Iframe #WebComponent #ProgressiveEnhancement #Browser #WebPerf #WebDev #Frontend #HTML #JavaScript

#Development #Approaches
‘include-iframe’ web component · Versions of ‘HTML includes’ have evolved into a new take https://ilo.im/160elk

_____
#HtmlIncludes #Iframe #WebComponent #ProgressiveEnhancement #Browser #WebPerf #WebDev #Frontend #HTML #JavaScript

We are happy to announce our new open-source web template for creating a simple and minimal radio directory - Radiohub! It's powered by the amazing web-component library Shoelace.

Feel free to check it out and let us know your feedback.

https://github.com/digitalmalayali/radiohub

#digitalmalayali #opensource #webtemplate #shoelace #lit #lithtml #webcomponent #radio #radiodirectory

#Development #Explorations
Video with alpha transparency on the web · What’s the most robust and efficient way to do it? https://ilo.im/15zpg5

_____
#Transparency #Video #AVIF #HEVC #VP9 #AV1 #WebGL #WebComponent #WebDev #Frontend

#Development #Explorations
Video with alpha transparency on the web · What’s the most robust and efficient way to do it? https://ilo.im/15zpg5

_____
#Transparency #Video #AVIF #HEVC #VP9 #AV1 #WebGL #WebComponent #WebDev #Frontend

#Development #Explorations
Video with alpha transparency on the web · What’s the most robust and efficient way to do it? https://ilo.im/15zpg5

_____
#Transparency #Video #AVIF #HEVC #VP9 #AV1 #WebGL #WebComponent #WebDev #Frontend

#Development #Explorations
Video with alpha transparency on the web · What’s the most robust and efficient way to do it? https://ilo.im/15zpg5

_____
#Transparency #Video #AVIF #HEVC #VP9 #AV1 #WebGL #WebComponent #WebDev #Frontend

Das 2. Major #Release von #KoliBri ist in der finalen Phase. Wir haben alle Kernthemen geschafft und arbeiten akribisch an den Feinheiten.

Es erwarten Euch...

- #Neue Komponenten
- #Mehr Funktionalitäten
- #Bessere Dokumentation
- #Leichtere Erlernbarkeit
- #Vielfältigere Beispiele
- #Visuelle Regression-Tests
- uvm.

Jetzt heißt es alles soweit in Release 1.7 vorzubereiten, um von dort aus eine optimale Tool-gestützte Migration auf Version 2 bereitzustellen.

#ITZ #Accessibility #WebComponent

#ionicframework is one of the coolest things I’ve ever seen. Not because it lets web devs write native apps— #progressivewebapps in app stores have filled that niche for me—but a #webcomponent library that implements native components, switching styles based on the user agent, is SO COOL

#javascript #progressivewebapp