• かちびと.net

    cssとhtmlをその場で書くだけですぐに結果を確認出来る・dabbletのご紹介。書くだけでその場で実行結果を得られますよ。開発のお供にどうぞ。

    Kudos for

    WordPress jQuery
  • About This

    Web制作に役立つTips、チュートリアル、、マーケティングに役立つ情報などのリソースをほぼ毎日配信しています。宜しければメモ代わりにご利用下さい。詳しい情報はAbout me またはhumans.txtをご覧下さい。

    Kachibito.net is a community-based website for web designers and developers. The site includes a popular weblog, a design gallery, a open source software, design tips, and the various web-news.

  • Links

cssとhtmlをその場で書くだけですぐに結果を確認出来る・dabblet

スポンサーリンク

購読してるLea Verou女史のブログで
面白いツールが公開されていました
のでメモ的にご紹介。以前も同じよ
うなツールをご紹介しましたが、
もっと手軽に使えますのでこちらで
も十分かもしれません。

cssとhtmlを書いたら即、結果が反映されるやつです。少し前にjsbinのインストール法を書きましたが、dabbletはインストール不要で、PHPと.htaccessが動くサーバーならDB不要で動作しますので結構手軽ですね。

dabblet


ローカルに置いてみました。cssやHTMLを書くと、インタラクティブに反映。実行結果の場所や記述場所も選べます。上記は水平分割モード。


こんな風に実行結果の上にマークアップみたいな事も出来ます。これちょっと面白いw


カラーコードにマウス乗せるとツールチップで実際のカラーを確認できます。


書いたコードは直接Gistに飛ばせます。

ただし、JavaScriptには対応していません。個人的には手軽でいいとは思います。これならWebにも上げちゃおうかなと。css書きたいだけでjsfiddle開くのもちょっと面倒ですしね・・この手のツールは結構増えてきたので好みで選んで良さそうですね。

ただ、jsbinはMITでしたが、こちらはNPOSL 3.0という、非営利ライセンスだそうです。初めて聞くライセンスですけど・・商用は不可なのかな。でも商用で使える気がしないのでいいんじゃないですかね。

ご利用は以下よりどうぞ。

dabblet

URL :
TRB :

Ads

Posts

Contact

Services