Web制作ツール

CSSからLESS形式に変換!! CSSを記述するだけで自動的にLESS形式に 「Css2Less」

CSSの記述をLESS形式にリアルタイムに変換してくれる便利なネットサービス

LESSとはシンプルでプログラマブルなCSSという感じです。

変数が使えたり一般言語の様に階層を使えたりと

長文化しそうなCSSをまとめる事で後からの修正などが

非常に楽になります

一般的にCSSには慣れたがLESSにはちょっと・・・

という方の為の素晴らしいネットサービスが「Css2Less」です

css2less1

Css2Less リンク先はこちらから

 

css2less2

試しにこのブログのヘッダー部分のCSS記述をLESS形式に変換してみました

CSSでは毎回div#headerを宣言していますが

LESSではdiv#header{の様に階層としてまとまっています

プログラムに慣れている方には非常に見やすく編集しやすい形になっています

長いCSSだとよりまとまって使いやすいのでは無いでしょうか。

覚えておいて損はないネットサービスです

関連記事

  1. Tips

    CSSファイルの圧縮でサイトの表示速度はどれだけ変わるのか実験

    このブログで実験してみましたCSSの圧縮でサイトの読込速度の短…

  2. Web制作ツール

    Webページのフォントを自由に変更してプレビューできるWebサービス 『Font Fit』

    Webページの好きな場所のフォントを変更してプレビューする事が…

コメント

  1. この記事へのコメントはありません。

  1. この記事へのトラックバックはありません。

PAGE TOP