fluid styleguideのダウンロード - fluid styleguideソースコードのダウンロード

fluid styleguide

サードパーティ製コンポーネント

2.1.3 Compatibility with TYPO3 13

ダウンロード

Fluid StyleGuide - Typo3のLiving StyleGuide

Fluid StyleGuideは、Typo3プロジェクト向けの設計コラボレーションツールです。再利用可能なコンポーネントの作成においてFrontEnd開発者をサポートし、すべてのプロジェクトの利害関係者にわたる効果的なコミュニケーションを促進します。

ライブデモをお試しください

ターゲットグループ

Fluid StyleGuideは、すべてのプロジェクト利害関係者にとって有用なツールになります。

デザイナーとフロントエンドの開発者は、開発とQAワークフローを改善できます
フロントエンド、バックエンド、および統合スタック間のデータ構造とインターフェイスについて議論および調整します
プロジェクトマネージャーと製品所有者は、プロジェクトのコンポーネントの現在の状態を確認します
クライアントは、プロジェクトステータスの透明性を高めます

特徴

プロジェクトコンポーネントの視覚化
コンポーネントの孤立した開発
応答性テスト
統合コンポーネントドキュメント
複数の言語のサポート
Typo3の資産コレクターが提供するフロントエンド資産のサポート
Fluid-Components-Linterに基づいてコード品質の問題を示します
プロジェクトのブランドの色に合う基本的なスキニング
zipダウンロード
YAMLファイルを介した簡単で柔軟な構成
例データのライブ編集[ベータ]

はじめる

これらの簡単な手順に従って、StyleGuideを始めましょう。

Fluid StyleGuideをインストールします
作曲家経由：
```
 composer require sitegeist/fluid-styleguide
```
または、terから拡張機能をダウンロードしてください。
Ter：fluid_styleguide
デモコンポーネントを備えたTest Fluid StyleGuide
typo3インストールでページ/fluid-styleguide/を開くだけです。
```
 https://my-domain.tld/fluid-styleguide/
```

StyleGuideに独自のコンポーネントを追加するには、次の追加手順に従ってください。

流体成分を構成します

ext_localconf.phpのコンポーネント名空間を必ず定義してください：

 $ GLOBALS [ ' TYPO3_CONF_VARS ' ][ ' EXTCONF ' ][ ' fluid_components ' ][ ' namespaces ' ][ ' VENDOR \ MyExtension \ Components ' ] =
     TYPO3  CMS  Core  Utility ExtensionManagementUtility:: extPath ( ' my_extension ' , ' Resources/Private/Components ' );

VENDORには独自のベンダー名、 MyExtensionの拡張名、 my_extensionの拡張キーを使用します。

フロントエンドアセットを構成します

拡張機能またはSitePackageでStyleGuide構成ファイルを作成します。

configuration/yaml/fluidstyleguide.yaml：

 FluidStyleguide :
    ComponentAssets :
        Packages :
            ' VendorMyExtensionComponents ' :
                Css :
                    - ' EXT:my_extension/Resources/Public/Css/Main.min.css '
                Javascript :
                    - ' EXT:my_extension/Resources/Public/Javascript/Main.min.js '