CSS Modulesとstyled-componentsは、どちらもReactなどのコンポーネントベースなフレームワークでCSSをモジュール的に扱うための手法ですが、そのアプローチ・メリット・制約には明確な違いがあります。以下にそれぞれの特徴と比較、使い分け方を論理的にまとめ ...

ReactとHTML/CSS/JSの関係性 ── 再構築されたフロントエンドの三位一体 1. Reactの立ち位置：HTML/CSS/JSをどう扱うのか？ Reactは ...

CSSには大きく変わるタイミングが何度かありました。レスポンシブ対応、メディアクエリ、Flexbox、CSS Gridなどはその大きく変わったタイミングでしょう。 そして、2024年もこれらと同様に大きく変わりそうです。CSSのネスト、:has()疑似クラス、subgrid ...

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

最近ではデザインもJavaScriptもモジュール式のコンポーネント化が進んでおり、HTMLとCSSでも徐々に浸透している流れですが、完全に対応できているとは言えない状況です。例えば、メディア クエリはページレイアウトではうまく機能しますが、モジュール式の ...

CSS設計は多くの現場で導入されていますが， いまだに悩みがつきません。プロジェクトの大小や性質によって最適解も変わってきます。 そこで本書は， CSSのさまざまな設計手法を紹介しつつ， 考え方や実践のポイントを明確化します。そのうえでボタン ...

ログインして、InfoQのすべての体験をアンロックしましょう！お気に入りの著者やトピックの最新情報を入手し、コンテンツと交流し、限定リソースをダウンロードできます。 何千人もの開発者が、InfoQのミニブック「Practical Guide to Building an API Back End with ...

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

CSS セレクターモジュールは、要素を選択するパターンを定義し、一連の CSS ルールをその{{cssxref("specificity", "詳細度")}}とともに適用します。 CSS セレクターモジュールには、 60 以上のセレクターと 5 つの結合子が用意されています。他のモジュールは ...

ノルウェーのオスロ発--ウェブフォーマットの標準仕様であるCSS（カスケーディングスタイルシート）は、知る人の比較的少なかった長い期間を経て真価が認められ、新世代のインタラクティブで洗練されたウェブページの開発技法として中心的な役割を ...