こんにちは！ サイボウズ フロントエンドエキスパートチームの麦島です。 今回のテーマはContainer Queriesです。 Container Queriesは、祖先要素として存在するコンテナのスタイルに応じてCSSを適用するための機能です。利用時は@containerで宣言します。 従来でも ...

従来のWeb制作では、レスポンシブ対応といえば「メディアクエリ（Media Queries）」が唯一の手段でした。しかし、近年登場した「コンテナクエリ（Container Queries）」は、この設計思想を根本から変えようとしています。 この二つの技術を比較し、それぞれの ...

従来のメディアクエリ（@media）は、ビューポートのサイズに基づいてスタイルを適用していましたが、コンテナクエリ（@container）は、特定の要素（コンテナ）のサイズやスタイルに基づいてスタイルを適用することができます。これにより、コンポーネント ...

Maarten Van Hoof, senior front-end developer at iO, recently explained at Devoxx Belgium how CSS container queries facilitate modular, component-based responsive web applications. With container ...