はてブログ

はてなブックマーク新着エントリーの過去ログサイトです。



タグ Shadow DOM

新着順 人気順 5 users 10 users 50 users 100 users 500 users 1000 users
 
(1 - 4 / 4件)
 

Shadow DOMとCSSの現状

2024/02/27 このエントリーをはてなブックマークに追加 70 users Instapaper Pocket Tweet Facebook Share Evernote Clip CSS 現状

2024-02-27 DOMDOMトークス #1 続きを読む

HTML 全体の CSS を取得して Shadow DOM に適用する

2023/06/10 このエントリーをはてなブックマークに追加 126 users Instapaper Pocket Tweet Facebook Share Evernote Clip CSS HTML 全体 link 毎回

以下のコードで HTML 全体の CSS を取得して Shadow DOM に適用することができます。 最近まで replaceSync() と adoptedStyleSheets() の存在を知らなかったのですが、 この 2つを使うと毎回 style タグを書き出すより効率的に処理できるらしい。 これまで Shadow DOM の中に link タグを書くような方法を使っていたの... 続きを読む

ブラウザのしくみ: データ構造とアルゴリズムと雰囲気で理解する DOM と Shadow DOM — hayato.io

2017/12/25 このエントリーをはてなブックマークに追加 505 users Instapaper Pocket Tweet Facebook Share Evernote Clip hayato.io DOM アルゴリズム ブラウザ データ構造

この記事は Chromium Browser アドベントカレンダー 24 日目の記事です。 内容の一部は Chromium の Git レポジトリの Source/core/dom フォルダの README ファイル (英語)が元になっています。README の想定読者は Chrome の開発者でしたが、この記事の想定読者は一般の Web 開発者です。 この記事の一部は README ファイルに還... 続きを読む

祝: Atom の Web Components 導入、ついでに Atom Shell の話。 - steps to phantasien

2014/12/22 このエントリーをはてなブックマークに追加 220 users Instapaper Pocket Tweet Facebook Share Evernote Clip Atom steps to phantasien DOM

GitHub 謹製 Atom エディタが Shadow DOM を使い始めたという。 めでたい。せっかくだから私も Atom を使ってみよう。 起動してテキスト書きもそこそこにインスペクタで DOM を眺める。 するとあら素敵。Shadow DOM のみならず Custom Elements もばりばり使われているじゃありませんか。 ためしにステータスバーをつついてみるとわかる。 Atom は U... 続きを読む

 
(1 - 4 / 4件)