従来のレスポンシブデザインでは複数のメディアクエリを記述する必要がありましたが、clamp()を使うことで1行のCSSだけで滑らかなサイズ変化を実現できます。ClampGenは、その計算を自動化することで、より保守性の高 […]
粒子感(grain/noise)のあるグラデーションは、2026年のWebデザインでもかなり使われています。特に「クリエイティブ系」「AI系」「モダンLP」などで「無機質すぎるフラットUI」を避けるためによく採用されてい […]
縦横軸の同時実装は、設計上はもともと可能だったにもかかわらず、各ブラウザで挙動が安定せずに未実装だったように理解されていますが、ようやくモダンブラウザで安定してサポートされるようになりました。大きなテーブルレイアウトなど […]
Scroll-driven Animations とは CSS Scroll-driven Animations は、スクロール位置に連動してアニメーションを制御できるCSS/Web APIの仕組みです。従来はJavaS […]
HTMLで装飾を行うべきではないというHTML5の理念(マークアップとプレゼンテーションの分離)に基づき、marqueeタグはHTML5で廃止されました。 marqueeというのはhtmlタグであり、開始タグ<ma […]
Flexboxも横並びレイアウト用のモジュールですが、2次元的な行と列を指定するGridと1次元的な横配列を指定するFlexboxでは使い所が異なります。Gridはページ構造を指定することに適しているのに対して、Flex […]