タグ「CSS」が付けられているもの
さて、前々回：ウェブページをダークモード対応にする。 そして 前回：ウェブページのダークモード化。画像が目立ちすぎるので何とかする。 で、OSがダークモード/ダークテーマに設定されている場合に、ダーク…
さて、前回の記事：ウェブページをダークモード対応にする。 で書いた方法で、このブログページをダークモード対応にしてみました。 主に文字色と背景色を調整したのですが、背景を暗くするとSNSのシェアアイコ…
さて最近は、OS（またはブラウザ）でダークモード/ダークテーマが使用されていると、それに応じでダークな感じのウェブページを表示してくれるサイトが増えています。 個人的には、この挙動はとても好ましいと思…
.cssArrow_l{ display: inline-block; position: relative; box-sizing: border-box; margin: 0; pad…
ウェブページを作るときにヘッダをページ上部に固定表示すると、リンクをクリックしてページ内アンカーへ飛んだとき、位置がヘッダの高さぶんズレる、という話。 例えば以下のようなページソースとスタイルシート。…
ウェブページで縦書きレイアウトを実現する JavaScript・h2vR.js および h2v.js です。 最新版の Google Chrome および、レンダリングエンジンに Blink を採用し…
遥か昔、…じゃなくてほぼ4年前に『CSS と JavaScript でスターウォーズのオープニングを再現するウェブアプリ - iSW』というのを作っていたのです。 → iSW 再生ページ（Chrom…
どうやら自分の中でも用語が混乱しているようなので、私見も含めてまとめておきます。『日本語の横書き文書』を整形するときの話です。 『両端揃え』というのは、一般的にはこういう処理。 言葉で説明すると、 【…
さて、縦書き変換JavaScript・h2v.jsのバージョン3.3.0です。 → h2v.js - ダウンロード - tategaki.infoスタイルシートの text-alignプロパティに j…
HTMLでファイルの選択ダイアログを表示させるための INPUT 要素です。<input type="file" />この部品は、各ブラウザで大体こんなふうに表示されます。OSに依っても多…