この記事は何 サイト この記事は何 CSSだけで作成できるお洒落なウェブページ背景について、興味半分で調べたもののリンクを貼るのみの記事。面白そうですが直近で使ったりする機会はない気がします。 サイト 固定のチェックがらなどのパターン 上記ページは…

この記事は何 解決法 手法1: 既存のchrome拡張を使う 手法2: 自分で拡張機能を作成しdeveloperモードにて拡張を読み込む 作成した理由 作成例1: courseraの動画配置 作成例2: youtubeで関連動画を表示しない この記事は何 chromeにて特定のページに独自に指…

手順 チャット（画面右のコメント欄）を配信画面に表示する youtubeのチャットのurlを取得 OBS内部に表示 チャットの見た目やフォントの変更をする スタイルシートを作る 日本語のウェブフォントを適用する CSSをコメント欄に適用する OBSを利用してYouTube…

attr関数 使用例 css 側 html側 表示結果 attr関数 選択された要素の属性の値を受け取ってスタイルシートの中で使うことができるようになる。 javascriptなしで文字列の切り替えなどができるようにできる。 使用例 content: attr(teamname);の箇所で「input[…

やりたいこと 解決法 indeterminateのチェックボックスの値を取得する やりたいこと <input type="checkbox" value="15" ... /> などとしたチェックボックスは通常チェックしたかしてないかの二つの状態しか取れない。しかしここを「チェックしてない、チェック１にした、チェック２にした」の三つの…

Stylebotを追加 CSSの設定 CSSを適用 twitterやredditを指定したフォントでみたい、ページごとにCSSが変わるのを防ぎたい需要が個人的にある。 Stylebotを追加 Chrome拡張機能: Stylebot 以上を追加する。 CSSの設定 [Option]→[Edit CSS]を選択。 CSSを適用 …