小粋空間  -  a cheap joke and a play on words site

マウス操作でブログデザインを簡単に作成できる「CSSEZ」

Movable Type や WordPress などのブログデザイン（テンプレート）を簡単に作成することができる、WYSIWYG型オンラインデザインツール「CSSEZ」を紹介します。

作成者の方よりメールを頂きまして、早速操作してみました。なかなかのスグレモノです。
以下、操作を踏まえながらツールの特長を説明します。

CSSEZにアクセスして、「作成スタート」をクリック（IE6以外で起動してください）。

デザインが全面に表示され、左側に設定メニューが表示されます。以降、この設定メニューだけでデザインを作成することができ、編集はAjaxによりリアルタイムに画面に反映されます。

設定画面からマウスアウトすれば設定メニューは非表示になり、左下のバッジ（下）にマウスをポイントすると表示されます。

メニューはタブで大きく3つに分かれています。下は「レイアウト」メニュー。カラムレイアウトは1カラムから4カラムまで、組み合わせは合計100種類。また、サイドバーのリストとナビゲーションバーのメニュー用にそれぞれ23種類ずつのテンプレートが用意されており、ワンクリックでデザインに適用できます。

「詳細」メニュー。上部タブで配色やフォント等の全体的な設定、右側のタブでパーツ別にカラム幅や余白を設定できます。
背景画像の設定では、画像をローカルからアップロードできるだけでなく、背景画像メーカーを利用してストライプとグラデーションを組み合わせた背景画像をその場で作成することも可能です。

設定が完了したら「保存とダウンロード」タブでダウンロード。
作成したデザインを他人に公開することができ、そのデザインに自分のサイトへのリンクを挿入することができます（無料ユーザー登録が必要）。他のユーザーは公開されたデザインをダウンロードできるだけでなく、それを素材にして新たなデザインを作成することもできます。今後はAPIなども提供していく予定のようです。

テンプレートの形式は、一般サイト向けのサンプル形式の他、Movalbe Type（TypePad）/WordPress/FC2ブログ/livedoorブログが選択できます。近日中にJUGEM、ロリポブログ、Seesaa ブログ、ヤプログ、エキサイトブログ、Blogger に対応予定です。

試しに Movable Type 形式でダウンロードしてみたところ、インデックステンプレートはもちろん、アーカイブテンプレート・システムテンプレートまで全て揃っています。