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

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

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

  2. Web制作ツール

    CSSでオシャレなボタンが作成できる!! たった4kbのCSSが便利 『bttn.css』

    4kbというCSSでオシャレなボタンをWeb上に作成できるWe…

  3. Web制作ツール

    ホームページ&ブログを作る際の文法チェックに役立つサイト W3C準拠

    色々とブログやホームページを作る際に htmlやPHPやCSSなどW…

  4. Web制作ツール

    HTMLコードをコピペするだけでスタイルシートを自動生成してくれるWebサービス 『OneClick…

    HTMLコードを貼り付けるだけでスタイルシートを自動生成してくれるWe…

コメント

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

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

最近の記事

PAGE TOP