inuitcssの重要な利點(diǎn)

• モジュラーアーキテクチャ：SASSベースのフレームワークであるinuitcssは、モジュール設(shè)計(jì)を促進(jìn)し、開発者が大規(guī)模でしばしば十分に十分なスタイルシートをダウンロードする代わりに、必要なモジュールのみを選択できるようにします。
• 設(shè)計(jì)の自由：カスタマイズ：
inuitcssのコードは直接変更してはなりません。 代わりに、モジュールをインポートする前に、オーバーライドファイルまたは可変インジェクションを使用します。 まだ開発中ですが、そのモジュール性は、より大きなフレームワークの膨満感なしに特定のコンポーネントを必要とするプロジェクトに最適です。
• フロントエンドフレームワークとInuitCSSソリューションの臺(tái)頭

近年、BootstrapやFoundationなどのフロントエンドフレームワークが急増し、Web開発が加速されています。 ただし、これらはしばしば、未使用の機(jī)能を含む巨大なスタイルシートをダウンロードすることにつながります。 inuitcssは、よりモジュール式で設(shè)計(jì)に依存しないアプローチを提供することにより、これに対処します。 inuitcssの導(dǎo)入：モジュール式アプローチ

Harry Robertsによって作成された

inuitcssは、モノリシックコードベースではなく、獨(dú)立したモジュールのコレクションを提供します。これにより、開発者は必要なコンポーネントのみを含む獨(dú)自のアーキテクチャを構(gòu)築できます。 変更のために事前に構(gòu)築されたコンポーネントを提供する他のフレームワークとは異なり、InuitCSSは開発者が獨(dú)自のデザインを作成することを可能にします。

bowerまたはnpmを備えたinuitcssのインストール

手動(dòng)モジュールのインポートが可能ですが、BowerまたはNPMを使用するとプロセスが簡(jiǎn)素化されます。 これらのパッケージマネージャーは、依存関係を管理し、プロジェクトの足場(chǎng)を合理化します。 node.jsは両方の前提條件です

bowerの使用：

bower：

のインストール プロジェクトのBOWERを初期化：（作成

ディレクトリを作成）

1. モジュールを個(gè)別にインストールします：npm install -g bower（例えば、
）
2. bower initまたは、スターターキットを使用してください：bower_components
3. bower install --save inuit-(module-name)bower install --save inuit-layout順序のセットアップとインポート（重要です?。?/li>
4. bower install --save inuit-starter-kitスターターキットのコンポーネントは、依存関係のためにSASSエラーを回避するために正確な順序でインポートする必要があります。

コア機(jī)能と必須モジュール

モジュラーがある間、inuitcssには必須モジュールがあります：

• settings.defaults：グローバル設(shè)定（font-size、line-height）。
• tools.functions：數(shù)學(xué)ヘルパーはサイズのバリエーションを機(jī)能させます。
• tools.mixins：タイプベースのモジュール用のフォントサイジングミックス

追加のモジュールは、Bowerによって管理されます。

inuitcssの変更：ファイルをオーバーライドまたは可変噴射

inuitcssのコアコードを直接編集しないでください。 代わりに、インポートする前にオーバーライドファイルまたは注入変數(shù)を作成します。

このアプローチは、すべてのモジュールに適用されます。 オーバーライドファイルは最初にインポートする必要があります。

<code>@import "bower_components/inuit-defaults/settings.defaults";
@import "bower_components/inuit-functions/tools.functions";
@import "bower_components/inuit-mixins/tools.mixins";
@import "bower_components/inuit-normalize/generic.normalize";
@import "bower_components/inuit-box-sizing/generic.box-sizing";
@import "bower_components/inuit-page/base.page";</code>

モジュール、コンポーネント、およびカスタマイズ

モジュールバリアントはデフォルトで無(wú)効になります（たとえば、ボタンサイズのバリアント）。 インポートする前にそれらを有効にします：

inuitcssは、基盤の提供に焦點(diǎn)を當(dāng)てています。 UIコンポーネントは、主に開発者に任されています。

<code>$inuit-base-font-size:   12px;
$inuit-base-line-height: 18px;
@import "bower_components/inuit-defaults/settings.defaults";</code>

結(jié)論：別の種類のフレームワーク

inuitcssは、開発者の設(shè)計(jì)の選択とモジュール性に優(yōu)先順位を付ける獨(dú)自のアプローチを提供します。 機(jī)能が豊富な大きなフレームワークのオーバーヘッドなしで、特定のコンポーネントを必要とするプロジェクトに最適です。 まだ開発中ですが、その概念は有望です。

よくある質(zhì)問(wèn)（FAQ）

提供されているFAQセクションは、すでによく書かれており、包括的です。 変更は必要ありません。

以上がinuitcssの紹介：別の種類のCSSフレームワークの詳細(xì)內(nèi)容です。詳細(xì)については、PHP 中國(guó)語(yǔ) Web サイトの他の関連記事を參照してください。