shadowdomの検索結果1 - 3 件 / 3件

• あとで読む

  ep.68 Web Standard な Modular CSS - 現場で使ってみてわかる Shadow DOM の嬉しさ | UIT INSIDE

  • 16 users
  • uit-inside.linecorp.com
  • テクノロジー
  • 2020/11/20

  @AlanGDavalos が Web Platform Study Group Organizer の @takanoripe, LINE 証券フロントエンドエンジニアの @uhyo_ と共に、 Shadow DOM について語りました。 ゲスト紹介 @takanoripe https://twitter.com/takanoripe UI Designer / Front-End Engineer Web Platform Study Group Organizer 言及した Shadow DOM 関連の資料 https://developer.mozilla.org/en-US/docs/Web/Web_Components/Using_shadow_DOM https://javascript.info/shadow-dom https://qiita.com/alangdm/it

  • techfeed
  • CSS
  • あとで読む

  
• あとで読む

  Shadow DOM の特性を知って、使いこなすコツ - Qiita

  • 12 users
  • qiita.com/alangdm
  • テクノロジー
  • 2020/10/03

  最初に この記事では普通の DOM を 「Light DOM」 と呼び 「Shadow DOM」 と明確に区別して扱います。 Shadow DOM とは？ Shadow DOM は Web Components の標準仕様の一部ではありますが実はブラウザーには結構前から実装されているものです。 <video>タグなどは Shadow DOM を使っているが Web Components の標準仕様に入るまでは自由に使うことはできませんでした。 Shadow DOM とは？ (2) そして Edge も Chromium の仲間入りをしたことで Shadow DOM も含めての全ての Web Components の標準仕様がモダーンなブラウザーで使えるようになりました！！ 🎉 Shadow DOM とは？ (3) Shadow DOM を使えば Light DOM から独立した DOM

  • Web Components
  • CSS
  • html

  
• あとで読む

  Shadow DOM の CSS 管理方法 link rel / @import / adoptedStyleSheets | Basicinc Enjoy Hacking!

  • 6 users
  • tech.basicinc.jp
  • テクノロジー
  • 2019/12/02

  ベーシック アドベントカレンダー 2日目です。 Shadow DOM でコンポーネントに閉じ込めた CSS を定義することができますが、CSS の定義がやりやすいということはないです。<style> タグを JS 内でベタで書く、もしくは JS で style API を直接修正する…。ちょっとしたコンポーネントであれば良いですが現実的ではありません。 通常の HTML / CSS と同様に外部ファイルで管理したくなります。現時点では3つの方法が提供されています。 今回のデモとソースコードはこちら <link rel="stylesheets"> 普通に <link rel="stylesheets"> で外部 CSS ファイルを読み込むことができます。以前はできなかったようですが現在は標準化されるようです。 class NormalLinkCss extends HTMLElement

  • css
  • browser