タグ「スタイルシート」が付けられているもの

【Linux Mint】OSのダークモード設定がウェブページに反映されないのを直す。

  • 投稿:
  • / 更新:
さて、前々回:ウェブページをダークモード対応にする。 そして 前回:ウェブページのダークモード化。画像が目立ちすぎるので何とかする。 で、OSがダークモード/ダークテーマに設定されている場合に、ダーク…

ウェブページのダークモード化。画像が目立ちすぎるので何とかする。

  • 投稿:
  • / 更新:
さて、前回の記事:ウェブページをダークモード対応にする。 で書いた方法で、このブログページをダークモード対応にしてみました。 主に文字色と背景色を調整したのですが、背景を暗くするとSNSのシェアアイコ…

ウェブページをダークモード対応にする。

  • 投稿:
さて最近は、OS(またはブラウザ)でダークモード/ダークテーマが使用されていると、それに応じでダークな感じのウェブページを表示してくれるサイトが増えています。 個人的には、この挙動はとても好ましいと思…

Mastodonのタイムラインをウェブページに埋め込む。

  • 投稿:
さて、Twitterの先行きがなかなか信頼し難いので、Mastodonのアカウントを作ってみたのです。 アカウント作成自体は お好みのインスタンスを選ぶ。 アカウントを作成する。 (必要であれば)プロ…

【縦書き】h2vR.jsの大幅な改修をしようと思います。

  • 投稿:
さて、「ウェブページで縦書き表示」に取り組み始めてから早、10年。 → h2vR.js - 縦書きを実現するJavaScript - tategaki.info "スタイルシートで強引に縦書き…

【Windows】インストールした筈のフォントをCSSのfont-faceで指定してもローカルから読み込まれなくて悩む。

  • 投稿:
さて、Noto Sans JP という日本語フリーフォントがあります。 → Noto Sans Japanese - Google Fonts 個人的にはなかなか読みやすいフォントだと思うので、自作の…

textarea内でタブを入力可能にする。ついでにタブ幅も変更する。

  • 投稿:
テキストエリアの中でタブを入力しようとすると、次の input 要素にフォーカスが移ってしまい、入力できません。これは不便。 JavaScriptでキーボード入力を監視して、tabキーが押されたらカー…

【CSS】input type="range" の見栄えを、異なるブラウザ間で統一する。

  • 投稿:
input type="range" で表示できるスライダー形式の HTML 部品。 個人的にはなかなか使い勝手の良い奴ではないか、と思うのですが、ブラウザによって外観がかなり異なるのだな。例えば F…

jQuery要らずでスクロールバーをカスタマイズするJavaScriptライブラリ・"perfect-scrollbar"。

  • 投稿:
「スクロールバーをカスタマイズしたい」という需要は結構多い筈なのだけれど、お手軽にちょいちょいとする方法はなかなか無い。そろそろスタイルシートでガシガシできるような仕様にならないのかなぁ…と思いつつ、…

スタイルシートで矢印を描く。

  • 投稿:
.cssArrow_l{ display: inline-block; position: relative; box-sizing: border-box; margin: 0; pad…