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

メディアクエリーのようにビューポートではなく、コンテナの幅に応じてレイアウトを柔軟に調整するテクニックを紹介。calc関数を上手に活用した、マニアックなCSSトリックたちです。 はじめに、タイトルとは裏腹にこの記事は、メディアクエリ不要論を ...

World Wide Web Consortium、CSSワーキンググプールは9月5日(米国時間)、「W3C Invites Implementations of Media Queries Level 4｜W3C News」において、「Media Queries Level 4 - W3C Candidate Recommendation, 5 September ...

2010年6月にはいったあたりからCSSメディアクエリを活用してiPhone 4を含むさまざまなデバイスへ対応可能なWebページを制作するためのテクニックが矢継ぎ早に紹介されるようになった。CSSメディアクエリを使った方法は今でも注目度の高いテクニックで、CSS ...

朝だけでなく夜間の冷え込みも厳しくなり、 ゆっくりと冬の近づきを感じ始めている今日このごろ、 皆様いかがお過ごしでしょうか。今回も個人的に感じた、 素晴らしいサイトの特徴をいくつかお話したいと思います。 ファストファッションブランドのH&Mが ...