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. Web制作ツール

    自分のブログの戦闘力を確認!? 購読者などで計測 『ブログ戦闘力チェッカー』

    ブログの購読者数などで戦闘力を計測できるWebサービスまたブロ…

  2. Web制作ツール

    ブログ記事毎に共有数が分かるWebサービス はてブやTwitter、いいね!! 『BuzzWatch…

    ブログのURLを入力するだけで記事毎の共有数を調べる事が出来るWebサ…

  3. Web制作ツール

    ホームページやブログの表示速度を測定するネットサービス 速度改善にSRC速度測定

    ホームページやブログなどを色々と拡張していますとどんどんサイト…

コメント

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

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

PAGE TOP