okiami1983のブログ

クオリティーが低い記事はあとで書き直します。。

Web用エディタ「Liveweave」の「CSS3 Code Generator」がなかなかよい

LiveweaveというWeb用のエディタがあるのですが、付属機能の「CSS3 Code Generator」がいい感じです。

f:id:okiami1983:20160313150624p:plain

 

 

コード→ヴィジュアルは辛い

CSS3はウェブサイトの見た目を装飾するためのコードですが、Webのプログラミングに慣れないうちは「コード→見た目」だと仕上がりがイメージしにくいので辛いですよね。

 

 

ヴィジュアル→コード生成

f:id:okiami1983:20160313150653p:plain

Liveweaveの「CSS3 Code Generator」ですが、パラメータをスライドバーでぐりぐり動かせば見た目がリアルタイムに反映され、その状態のコードが自動で生成されます。

f:id:okiami1983:20160313144701p:plain

 

 

ブラウザベースのエディタなので、使うときには会員登録してログインしないとだめっぽいですが、興味ある人はいちどお試しください。

もちろん無料です。