エスエムティの愉快な仲間たち

CSSをゴリゴリ好きに書いていると、ちょっと無駄が多かったりします。

ショートハンドを使わなかったり、余計なスペースがあったり。

そんなCSSの無駄を省いて短く、読みやすいコードに変換してくれるサービスの紹介です。
◆SHRTHND

http://shrthnd.volume7.io/
使い方は簡単で、

左側の「INPUT」にソースを突っ込むと、

右側の「OUTPUT」に書き出されるという分かりやすい仕様です。
例えば背景画像の指定に関して、
——————————————–

background-image: url(../images/point_09.gif);

background-repeat: no-repeat;

background-position: left top;

——————————————–


↑このように分けて指定した場合には
——————————————–

background: url(..images/point_09.gif) no-repeat left top ;

——————————————–


↑のように一瞬で変換してくれます。凄い！
ちょっとバタバタと、自分流のコードで書いてしまった際にも

納品前にちょいと使用するだけで

美しいコードになるので便利！
効率アップのためにも有効活用していきたいものです。
ぴの子