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だとよりまとまって使いやすいのでは無いでしょうか。

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

  • コメント: 0

パタパタ時計をデスクトップに!!なかなかオシャレなガジェットです Horloger前のページ

【Tips】Androidスマートフォンから携帯にアドレス帳を移す方法 Docomoの場合次のページ

関連記事

  1. Web制作ツール

    登録不要!! IE5.5、IE6~IE10のサイト表示チェックが出来るWebサービス IENetRe…

    IEのサイトチェックに便利なWebサービスでURLを入力するだけで使え…

  2. Web制作ツール

    Webで使えるメニューが100個も紹介されているWebサービス 『100 Great CSS Men…

    Web上で設置できるメニューを100個も紹介しているWebサー…

  3. Web制作ツール

    デザインの参考に!! Webなど様々なシーンのデザインの参考になるWebサービス 『UpLabs』

    なかなか考えても難しいデザインそんなデザインの参考になるWeb…

  4. Web制作ツール

    美しくすりガラスの様な背景をCSSで実装、ジェネレートできるWebサービス 『Glass UI Ge…

    美しいデザイン、すりガラスの様な背景をCSSで実装できるWebサー…

コメント

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

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

最近の記事

PAGE TOP