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 ;
——————————————–
↑のように一瞬で変換してくれます。凄い！
ちょっとバタバタと、自分流のコードで書いてしまった際にも
納品前にちょいと使用するだけで
美しいコードになるので便利！効率アップのためにも有効活用していきたいものです。
ぴの子
Staff blog
