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

\ 前回はCSSのflexboxについて紹介しました / Webページのレイアウトを作る技術は、時代とともに進化してきました。 テーブルレイアウト、floatレイアウトなど、様々な方法がありましたが、より複雑で柔軟なレイアウトを実現するために登場したのがCSS Gridです。

Internet Explorerが終了したことでさまざまなモダンCSSが使えるようになったので、まとめていきます。 下記のCSSは全ブラウザ対応しているCSSになります。 原則、最新版ブラウザを使っている場合は機能します。 ただしiOSの場合、古い端末を使用している ...

5/6にアップデートされたChrome 148に追加された、CSSとUIに関する新しい機能を紹介します。 今回のアップデートで注目すべきは、コンテナクエリをcontainer-typeを設定しなくてもコンテナ名のみで機能するようになったこと、video要素やaudio要素も遅延読み込みに ...