i-html, an inline-html import element
i-html is a drop in tag that allows for dynamically importing html, inline. It's a bit like an <iframe>, except the html gets adopted into the page. You might have used something similar before, it might seem familiar to other techniques such as hotwired turbo or similar. You might have even used an element very close to this one, for example the popular include-fragment-element by GitHub. This el
2023-10-16のJS: Lit 3、Chrome 118、Zodの作り方
JSer.info #665 - Web ComponentsライブラリであるLit 3.0がリリースされました。 Lit Launch Day: Lit 3.0, Labs graduations, a compiler and more! – Lit Lit 3 upgrade guide – Lit Lit 3では、IE11のサポート終了、最小の実行環境をES2021をサポートしてるブラウザへ変更が行われています。 Lit 2.0で非推奨となったAPIの削除、Stage 3のDecoratorの対応なども行われています。 また、新しいLitテンプレートコンパイラーの公開、Preact Signalsを統合するパッケージも公開されています。 Chrome 118がリリースされました。 New in Chrome 118 - Chrome for Developers Chrome 11
Spectrum Web Components - Spectrum Web Components
Spectrum Web Components Spectrum Web Components The Spectrum Web Components project is an implementation of Spectrum, Adobe’s design system. It's designed to work with any web framework — or even without one. Accessible by default # Developed with existing and emerging browser specifications in mind, our components deliver a high quality experience whether using a screen reader, keyboard navigatio
Announcing Lit 2 stable release
Today we're announcing the stable release of Lit 2. Lit 2 is a major update: it's smaller, faster and better than before, it lays the foundation for server-side rendering, and it's all wrapped up in the new lit package on npm. Lit has come a long way since April when we announced the first release candidate for Lit 2. Since then, many partners have tested the release candidates on big applications
How we use Web Components at GitHub
AI & MLLearn about artificial intelligence and machine learning across the GitHub ecosystem and the wider industry. Generative AILearn how to build with generative AI. GitHub CopilotChange how you work with GitHub Copilot. LLMsEverything developers need to know about LLMs. Machine learningMachine learning tips, tricks, and best practices. How AI code generation worksExplore the capabilities and be
Implementing single-file Web Components | CKEditor
Probably everyone who knows the Vue.js framework also heard about its single-file components. This super simple idea allows web developers to define the entire code of a component in one file. It is such a useful solution that an initiative to include this mechanism in browsers has already appeared. However, it seems quite dead as, unfortunately, no progress has been made since August 2017. Nevert
Lightning-fast templates & Web Components: lit-html & LitElement - Polymer Project
Blog Lightning-fast templates & Web Components: lit-html & LitElement 2019-02-05 Today we're excited to announce the first stable releases of our two next-generation web development libraries: lit-html and LitElement. lit-html is a tiny, fast, expressive library for HTML templating. LitElement is a simple base class for creating Web Components with lit-html templates. If you've been following the
GitHub - google/model-viewer: Easily display interactive 3D models on the web and in AR!
This is the main GitHub repository for the <model-viewer> web component and all of its related projects. Getting started? Check out the <model-viewer> project! The repository is organized into sub-directories containing the various projects. Check out the README.md files for specific projects to get more details: 👩🚀 <model-viewer> • The <model-viewer> web component (probably what you are lookin
Redirecting…
Redirecting… Click here if you are not redirected.
GitHub - Swiip/compo: 🎼Compo·sing Web Compo·nents
import { html, css, createStore, component, withProp, withStore, withStyle, withMarkup, } from 'compo'; createStore((state, action) => { switch (action.type) { case 'ADD': return state + 1; case 'SUB': return state - 1; default: return state; } }, 0); component( 'my-counter-label', withProp('value'), withStyle(({ value }) => css` :host { color: ${value < 1 ? 'red' : 'black'}; } `,), ); component(
Wired Elements
A set of common UI elements with a hand-drawn, sketchy look. These can be used for wireframes, mockups, or just the fun hand-drawn look. The elements are drawn with enough randomness that no two renderings will be exactly the same — just like two separate hand-drawn shapes. Component Showcase View on Github Sponsor this project Here's a simple demo: Using wired-element controls to change a sketchy
🌏 Hello World! Progressive Web-Blog!! ― ウェブボウズ
🔥 2022年にサイトの作りを変えまして、もう現状はこの記事の限りではありません。もしこちらの記事の実装を参照されるのであれば こちらのブランチ を参照ください。 これで何度目の挑戦でしょうか。記憶する限り、２年ぶり１０度目くらいのブログでございます。会社のパイセンの@ymotongpooさんは１２年もご自身のブログを継続されており、日々コンテンツとその作業に耐えうるだけの筋肉を増やし続けられているのを横目に、私はといえば過去に１年以上続いた書きものは日記も含めて一切なく、ブログはというと思い返してみれば2004年ごろのライブドアブログから始まり、辞めては乗り換え辞めては乗り換えを繰り返してきた挙句、最終的にはJekyllいじったあたりでさっぱり音信不通になったのが２年前。並びに、筋肉事情に関して申し上げると、最後にジムに行ったのも気づけば１年半が経っており、会員権が腐り始めている小太り
Creating and Publishing Web Components with Stencil
<title>An icon of a outbound link arrow</title> <path class="icon-stroke" d="M75.3037 3.98207L3 75.5935M75.3037 3.98207L76.0435 43.3021M75.3037 3.98207L35.951 3.59351" stroke="#F22F46" stroke-width="5.5" stroke-linecap="round" stroke-linejoin="round"/> </svg> "> 2025 Gartner® Magic Quadrant™ for CPaaS <title>An icon of a outbound link arrow</title> <path class="icon-stroke" d="M75.3037 3.98207L3 7
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
GitHub - Dunks1980/bay.js: An easy to use, lightweight library for web-components.
GitHub - peterpeterparker/stylo: Another kind of rich text editor
GitHub - Polight/lego: 🚀 Low-Tech Web-Components Made Lightweight & Future-Proof.
Lit 2.0: Meet Lit, all over again!
GitHub - github/jtml: Write HTML in JavaScript, using template-tags.
GitHub - Tencent/omi: Web Components Framework - Web组件框架
GitHub - atomicojs/atomico: Atomico a micro-library for creating webcomponents using only functions, hooks and virtual-dom.
