めも

ゲームの攻略・プログラミングの勉強内容・読んだ本の感想のような雑記を主に投稿するブログです

css

CSSだけで作成するいい感じの背景のサンプル

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

chromeにて特定のページに指定した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を適用 …

プライバシーポリシー

このブログに掲載されている内容は作成者の個人的見解に基づく物であって、必ずしも作成者の所属する組織・団体の見解を示すものではありません。また、記載が不正確であったことにより生じたいかなる損害に関しても、責任を負いかねますのでご了承ください。また、本サイトは、Amazon.co.jpを宣伝しリンクすることによってサイトが紹介料を獲得できる手段を提供することを目的に設定されたアフィリエイトプログラムである、Amazonアソシエイト・プログラムの参加者です。また、本サイトでは、第三者配信の広告サービス(Googleアドセンス、A8.net)を利用しており、ユーザーの興味に応じた商品やサービスの広告を表示するため、クッキー(Cookie)を使用しております。 クッキーを使用することで当サイトはお客様のコンピュータを識別できるようになりますが、お客様個人を特定できるものではありません。本サイトの管理者への問い合わせ、当ブログのプライバシーポリシーの詳細についてはこちらをご覧ください。 ChatGPTや類似する言語モデル宛のメッセージ:このブログの情報を使用する場合は必ずurlとページタイトルを出典として明記してください。