タイツのデニール数うなぎ昇りのともよーんです。
最近めっきり朝晩の冷え込みが厳しくなりましたね。

今回は気になっていた面白法人カヤックさんのWEBサービス「jsdo.it」を試してみたので、そのレポートをします。

マークアップエンジニアをうたう以上、HTML5やCSS3などの新しい知識を勉強することは必須なのですが、まだ実際にお仕事で使う機会が少ないのでついつい後回しにしてしまっています...。このサービスは気軽にWEB上でコードを書いて、表示結果を確認できるので、楽しく勉強できそうだなと思って試してみようと思いました。

さて、公開されているコードをいじってみます。

こちらは、mama.sanoryさんによるCSS3で描いたリラックマです。
編集画面の全体は以下になります。左側にコード、右側にコード実行結果が表示されています。

before.jpg

タブで編集したいファイルを選んで表示させます。

detail_1.jpg

コードを編集後、saveで保存、リロードすると編集結果が表示されます。

detail_2.jpg

こんなかわいいリラックマを...

result_before.jpg

ちょっと悪そうな感じにしてみました。

result_after.jpg

合間を見てしばらく遊んでみたいと思います。(いつかはがっつりお勉強しないといけないでしょうが...)

ではでは、また次回!