これはかなり万能に使える！ たった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

スマホユーザーを逃さない！CSSで作る縦スクロール設計

2026/03/05(Thu) 08:53

最近、息子（小学生）がスマホでYouTubeショートを見ているのをよく観察するんですが、もうずーっと縦にシュッシュッとスワイプしているんですよね。興味なければ即スワイプ、面白ければ止まる。この「縦にスワイプして次へ」という動作が完全に体に染みついているんだなって思いました。

https://fastcoding.jp/blog/all/ui-ux/css-vertical-scroll-mobile-design/