エンジニアのソフトウェア的愛情

または私は如何にして心配するのを止めてプログラムを・愛する・ようになったか

CSS

省略されたテキストの全体をポップアップ表示する、CSSで

動機 表示領域に対して、表示したいテキストが長い場合に、はみ出す分を省略表示するスタイルを指定する方法が CSS にはあります。 こんな感じ。 これを、省略表示されたばあいに、マウスオーバーで全体をポップアップ表示しよう、という試みです。 動機 1. …

CSSでモーダルを表示する覚え書き

CSS

CSS の :chekced 擬似クラスを利用して表示を制御する方法です。 :checked - CSS: カスケーディングスタイルシート | MDN 参考にさせていただいたサイトです。 ドロワーやモーダルをCSSだけで実現する方法 | HPcode 上記のサイトでは要素を id で指定してい…

HTMLのheadに自動的に番号を振る

明日の自分のためにメモ。 counter.css · GitHub counter-resetで変数のリセット、 counter-incrementで変数のインクリメントをしています。変数名はLaTeX準拠。 実施例(HTMLのソースは上記のリンク先を参照してください)。