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

関連記事

  1. Web制作ツール

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

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

  2. Web制作ツール

    こりゃ便利!! Webページのサムネイル生成やページ丸ごとPDFに出来る「HeartRails Ca…

    Webページのサムネイルの生成や、ページ丸ごとPDFに出来るWebサー…

コメント

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

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

最近の記事

PAGE TOP