策定が進められているCSS3には魅力的な機能が多い。ブラウザの実装も進んでおり、最新のブラウザではその表現の差異も小さくなりつつある。将来的には、CSS3を使ってさまざまなデザインをすっきりと表記できるようになるとみられている。 しかし、現実 ...

こんにちは！ サイボウズ フロントエンドエキスパートチームの麦島です。 CSS Modern Features、今回取り上げるCSSの機能はCSS Nesting Moduleです。 CSS Nesting Moduleは、CSS定義のネスト （入れ子） 記述を可能とする新しいCSS構文です。CSSのネストはSassやPostCSSといった ...

CSS Modules（CSSモジュール） とは、各CSSクラスを 自動的にユニークなスコープ（名前空間）に変換 することで、スタイルの衝突を防ぐ仕組みです。 同じ .button というクラスを複数のコンポーネントで使っても、完全に隔離されるため衝突しません。 大規模 ...

Next.jsでコンポーネントごとにスタイルを分けて管理したいときに便利なのが、CSS Modules（CSSモジュール）です。 CSS Modulesとは？ CSS Modulesとは、クラス名が自動的に一意（ユニーク）な名前に変換されるCSSの仕組みです。 これにより、複数のコンポーネントで ...

ログインして、InfoQのすべての体験をアンロックしましょう！お気に入りの著者やトピックの最新情報を入手し、コンテンツと交流し、限定リソースをダウンロードできます。 クラウドコンピューティングの登場以降、ソフトウェア業界は大きな変革の中に ...

次世代CSSレイアウト仕様「Gird Layout Module」を使いこなすために知っておきたい、自動配置アルゴリズムのしくみを詳しく解説。 この記事では、要素を配置する際にCSS Grid Layout Moduleの自動配置アルゴリズムがたどるすべてのステップを説明します。ステップ ...

ChromeとFirefoxにデフォルトで実装された、CSS Grid Layout Module（グリッドレイアウトモジュール）。その基本的な機能と使い方を、デモを交えて。 Webアプリケーションはいよいよ複雑化してきています。そのためフロートを使ったハック的なソリューション抜き ...