めも

メモ.

css

chromeにて特定のページに指定したcssを適用する

css

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

youtubeの配信時のチャットを配信画面に表示させる

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

cssのattr関数を使ってオンマウス時に要素の周辺に文字列を表示する

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

HTMLのチェックボックスの状態数を3つにする・チェックされた値を取得する

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

ブラウザでドメインごとにユーザーが定義したCSSを使う

css

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