https://compass.x3rd.momousa.net/prof/profile.html

近いうちに、GUI的に飛べるようにしたいと思う。
プロフィールはこちら（画像クリック）的な。

関係ないが、グラフィックユーザーインターフェースの話してた女性の学術系Vがいた気がする。HCIがどうとかで。
 

備忘録：Drupal 11独立テーマ構築と静的HTMLの同居・UI最適化プロセス
1. アーキテクチャの根幹：完全独立テーマの生成
Drupal 11のデフォルトテーマのCSS干渉を遮断するため、親テーマを持たない完全独立型のカスタムテーマ（base theme: false）を構築した。

2. ビューポート連動型フルレスポンシブ設計（UI最適化）
PC大画面での左右の広大な無駄余白の解消、およびスマホ縦長画面でのヘッダー画像の見切れを制御。

左右のデッドスペースの解放
コンテナ要素の最大横幅の制限（max-width）を従来の 900px から 1400px へと拡張し、表示領域幅の95%を流動的に活用する設計へ変更。大画面モニターでの視覚的狭窄感を解消した。

ヘッダー高の絶対値撤廃とトリミング制御
高さを固定ピクセル（px）で縛ると、画面幅縮小時に画像の縦横比（アスペクト比）が崩れたり見切れたりする問題が発生する。

対策： 高さをビューポート横幅基準の相対単位である 16vw に設定し、大画面での上限（max-height: 150px）およびスマホでの下限（min-height: 80px）の限界値を設定。

専門用語の補足
レンダリング木（Render Tree）： ブラウザが画面を描画する際、HTMLの構造（DOM）とCSSのルール（CSSOM）を脳内で合体させて作る最終的な設計図。

vw（Viewport Width）： 画面の横幅を100とした相対単位。


感想
今回、HTML+CSSだが、Reactを使いたい気持ちが少しある。