スタイルガイドジェネレーター「Fractal」のデモを作ってみた

Advertisement

先日ご紹介したスタイルガイドジェネレーターのFractalを使って、試しにこのブログのスタイルガイドを作ってみています。細かい設定方法などは、準備中の記事「スタイルガイドジェネレーター『Fractal』の初期設定(中級編)」でまとめる予定ですが、とりあえずサンプル用に作っているこのブログのスタイルガイド(コンポーネントライブラリ)を公開しちゃいます。

まだまだ制作途中ですけど、こういう新しいツールを試すときはサンプルのファイルが見られた方がわかりやすいと思うので、ご参考までに。

Fractalのソースファイル

また、fractal.jsなどの設定ファイルを含むFractal用のソースファイルをGithubにアップしておきました。すごくベーシックなことしかやってませんが、Fractalを試す際の参考になれば幸いです。

では、Happy Fractaling!(造語です)

About the author

Rriverのステッカーが貼られたMacBookの向こうにいる自分のMemojiの似顔絵

「明日のウェブ制作に役立つアイディア」をテーマにこのブログを書いています。アメリカの大学を卒業後、ボストン近郊のウェブ制作会社に勤務。帰国後、東京のウェブ制作会社に勤務した後、ウェブ担当者として日英バイリンガルのサイト運営に携わる。詳しくはこちら

ウェブ制作・ディレクション、ビデオを含むコンテンツ制作のお手伝い、執筆・翻訳のご依頼など、お気軽にご相談ください。いずれも日本語と英語で対応可能です。まずは、Mastodon @rriver@vivaldi.net Twitter @rriver 、またはFacebook までご連絡ください。