2011/09/20

もっと効率的になろう!オンラインCSS共有ツール

オンライン上のソースを共有するツールといえば、「github」「js.fiddle」などが有名です.
最近ですがCSSのソースコードを共有するツール「CSS Deck」があるみたいです。開発チームでCSSのソースコードを共有したいことってあると思いますが便利です。





使い方
このツールは4つのペーンからシンプルに成り立っています。

  • デザインビューペーン(右)
  • HTMLペーン(左上)
  • CSSペーン(左下)
  • コントロール部分(上部)
完成したデザイン

HTMLを記述する

CSSを記述する

共有・背景変更

HTML ペーンへHTMLとCSSペーンにCSSを挿入して、デザインビューで結果をみることができます。

共有する
共有するのは簡単です。右側の上部の「SHARE」 というボタンを押すとURLが吐き出されます。あとは、そのURLをメールなどで送付するだけです。

デフォルト

「SHARE」ボタンを押すとURLが現れる

魅力的なデモを紹介
http://cssdesk.com/uufxf


まとめ
ソースコードを共有するツールは他にも沢山があるが、CSSだけに注目したツールは珍しいい。すこし時間のある時に使い方を考えてみるといいのかもしれない。