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

    簡単!! CSSでグラデーションを作りたい時に便利なWebサービス 『Blend』

    CSSでグラデーションを作るときに便利なWebサービス画面上で…

  2. Web制作ツール

    ローディング画像を生成してくれるWebサービス ajaxload.info 直ぐにGifアニメでダウ…

    ローディング時に表示される画像、くるくる回る画像などを生成して…

  3. Web制作ツール

    AIで配色パターンを提案しまくってくれるWebサービス 『Colormind』 写真からも配色を作っ…

    人口知能で配色パターンを生成したりアップロードした写真からパタ…

  4. Web制作ツール

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

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

  5. Web制作ツール

    指定したページで使われているキーワードを視覚的に表示する 『Bubble My Page Visua…

    Webページ内のキーワードを視覚的に面白く表示してくれるWebサービス…

コメント

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

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

PAGE TOP