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

CSS Modules（CSSモジュール） とは、各CSSクラスを 自動的にユニークなスコープ（名前空間）に変換 することで、スタイルの衝突を防ぐ仕組みです。 たとえば： /* Button.module.css */ .button { background: blue; } React コンポーネントで使用すると： import styles from '.

このnoteは以下を載せています。 下記ページのパスワードをこのnoteに載せています。 https://hoshi-log.com/module/ 普段自分が意識 ...

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

縦書きWeb普及委員会（次世代Webブラウザのテキストレイアウトに関する検討会）は、「縦書きWebデザインアワード」を開催。2016年1月4日（月）より作品の応募受付をスタートさせた。文字表記の方向（縦横）を指定するCSSモジュール「CSS Writing Modes」を使用 ...

World Wide Web Consortiumは12月10日(米国時間)、「W3C Recommends CSS Writing Modes to support International writing modes｜W3C News」において、国際的なライティングをサポートする「CSS Writing Modes Level ...

Modular CSS is a way of writing CSS code that follows the principle of separation of concerns. This means that you divide your style sheets into smaller and independent modules that have a specific ...

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

Firefox 147 dropped, anchor positioning went full "baseline", and meanwhile a sneaky dev-goodie landed that makes Web Components styling way less cursed: CSS Module Scripts. CSS Module Scripts let you ...