先日ご紹介したスタイルガイドジェネレーターのFractalを使って、試しにこのブログのスタイルガイドを作ってみています。細かい設定方法などは、準備中の記事「スタイルガイドジェネレーター『Fractal』の初期設定(中級編)」でまとめる予定ですが、とりあえずサンプル用に作っているこのブログのスタイルガイド(コンポーネントライブラリ)を公開しちゃいます。
まだまだ制作途中ですけど、こういう新しいツールを試すときはサンプルのファイルが見られた方がわかりやすいと思うので、ご参考までに。
Fractalのソースファイル
また、fractal.js
などの設定ファイルを含むFractal用のソースファイルをGithubにアップしておきました。すごくベーシックなことしかやってませんが、Fractalを試す際の参考になれば幸いです。
では、Happy Fractaling!(造語です)
スタイルガイド関連の他の記事
2017年4月18日に公開され、2017年12月25日に更新された記事です。
About the author

「明日のウェブ制作に役立つアイディア」をテーマにこのブログを書いています。アメリカの大学を卒業後、ボストン近郊のウェブ制作会社に勤務。帰国後、東京のウェブ制作会社に勤務した後、ウェブ担当者として日英バイリンガルのサイト運営に携わる。詳しくはこちら。
ウェブ制作・ディレクション、ビデオを含むコンテンツ制作のお手伝い、執筆・翻訳のご依頼など、お気軽にご相談ください。いずれも日本語と英語で対応可能です。まずは、Mastodon @rriver@vivaldi.net 、Twitter @rriver 、またはFacebook までご連絡ください。