Sass&ScssをリアルタイムにCSSに変換できるSassmeister

No Photo

イメージ

エクスペンダブルズ2を吹き替えでもう一回観たいminamiです。

Webサービスのご紹介です。Sass/ScssをリアルタイムでCSSに変換してくれるSassMeisterというサービスです。

ページを開くとこんなかんじになっています。左のエリアににSassを書いていきます。エディタ自体もインデントできたり行をハイライトしてくれたり結構よくできています。

シンタックス、エクステンション、出力の形式も選べます!普段はScssのフレームワーク、compassを使っているのでこれが選べるのも嬉しいところ。

左エリアにこんなScssを書きました。compassのmixinも入れてみます。

Sass/Scssの場合CSSの形式にするにはコンパイルの作業が必要になりますが、このサービスではリアルタイムで右側に出力されます!すごい!

ちょっとSassを利用したいんだけど環境を整えるのがめんどくさい・・・もしくはこういう書き方を試したい、といった時、便利なサービスですね!

  • このエントリーをはてなブックマークに追加

この記事を読んだ人にオススメ