シンプルだから使いやすい！ ページの途中で上方向にスクロールするとヘッダを上部から表示する超軽量スクリプト -Peek

2026/03/11(Wed) 08:56

ユーザーが下方向にスクロールするとヘッダを自動的に非表示にし、ページの途中で上方向にスクロールするとヘッダを表示する、超軽量のスクリプトを紹介します。実装は非常に簡単で、カスタマイズも簡単、既存のWebページに導入することも簡単です。依存関係はなく、単独で動作します。

https://coliss.com/articles/build-websites/operation/javascript/headroom-style-scroll-intent-library.html

これはかなり万能に使える！ たった3行のCSSで、要素を中央に絶対配置する新しい記述方法

2026/03/06(Fri) 08:50

CSSで要素を中央に絶対配置、特にモーダル、メッセージ、スタック、ポップオーバーなどを中央配置するときに適したCSSの新しい記述方法を紹介します。古い記述方法では、負のパーセンテージを使用していたり、直感的ではないCSSでしたが、新しい記述方法ではそれらが解消されています。また、中央以外に左上・右上・左下・右下などにも配置できます。

https://coliss.com/articles/build-websites/operation/css/css-center-absolute-element.html#google_vignette

これはかなり万能に使える！ たった3行のCSSで、要素を中央に絶対配置する新しい記述方法

2026/03/06(Fri) 08:50

CSSで要素を中央に絶対配置、特にモーダル、メッセージ、スタック、ポップオーバーなどを中央配置するときに適したCSSの新しい記述方法を紹介します。古い記述方法では、負のパーセンテージを使用していたり、直感的ではないCSSでしたが、新しい記述方法ではそれらが解消されています。また、中央以外に左上・右上・左下・右下などにも配置できます。

https://coliss.com/articles/build-websites/operation/css/css-center-absolute-element.html#google_vignette