概要
Master CSS を使い始める
クラス構文、デザイントークン、CSS の配信方式を学び、使用するフレームワークに取り入れます。
はじめに 5
Master CSS をインストールして、最初のプロジェクトを動かします。
- Master CSS 入門 クラスでインターフェースを作り、生成される CSS をたどり、プロジェクトで共有する値を定義します。
- Master CSS をインストールする フレームワークのインテグレーションを選び、CDN の提供状況を確認するか、CLI でスタイルシートを生成します。
- 構文チュートリアル Master CSS のクラスを読み、組み合わせ、操作状態や条件を加え、利用可能な空間に応答するガイドカードを作ります。
- 互換性 使えるフォールバックを保ちながら新しい CSS 機能を使い、ブラウザーの動作を確認して、サードパーティのスタイルをカスケードに配置します。
- Master CSS への移行 一つのコンポーネントやルートを変換し、スタイルを共有する画面を検証して、不要になった依存関係を削除します。
AI エージェントのワークフロー 2
エディターを設定し、AI コーディングエージェントと開発を進めます。
スタイルの作成 7
テーマトークン、スタイル、再利用できるパッケージを整理します。
- テーマトークン 共通のデザイン値を定義し、トークン変更の影響を確認して、ローカルな上書き、静的配信、インライン置換を選びます。
- グローバルスタイル 一つのアプリエントリーを読み込み、担当ごとに共通 CSS を分け、ドキュメントの既定値、コンポーネントルール、ルートのスタイルを適切な範囲に置きます。
- スタイルの再利用 まとめて変える対象に応じてトークン、コンポーネントクラス、ユーティリティ、ミックスインを選び、ローカルな違いも表しやすく保ちます。
- ルート単位のスタイル 共通の定義を使いながらルート CSS を局所的に配信し、参照コンテキスト、ネイティブルール、セレクターのスコープを区別します。
- クラス名のスキャン 完全なクラス名を記述し、変化する値を扱い、静的ビルドに必要なソースを含めます。
- パッケージの作成 共通の CSS ソースを公開し、各アプリで公開トークンを上書きして、本番用の利用アプリでパックしたパッケージを確認します。
- Master CSS のコード lint ESLint で Master CSS のクラスを検証し、競合の検出、並べ替え、プロジェクトポリシーの適用を行います。
基本概念 4
プロジェクトのコンテキスト、レンダリング、レイヤー、ビュートランジションを理解します。
デザインの基礎 4
一貫したレイアウト、色、文字組みでレスポンシブなインターフェースを作ります。
ビルドと配信 1
本番環境に向けてスタイルを準備し、最適化します。