婚活・恋活・再婚マッチング【マリッシュ(marrish)】
Skypeを使用しない独自のシステム【ECCオンラインレッスン】
リゾートバイト派遣業界No1の求人サイト【リゾバ.com】
次はあなたが出会う番です♡【ラブサーチ】

Lessの使い方。CSSコーディングが10倍早くなる。

前回sassでCSSコーディング時間短縮できる方法をご紹介しましたが、今回はもうひとつLessというものを使ってCSSコーディングを
高速化する方法をご紹介致します。

方法はLess.jsをダウンロードしてサーバーに置くだけで使用出来ます。

ダウンロード後、htmlファイルのhead部分にlinkさせてあげます。

lessのすごいところは設置が簡単!

ただ問題点もあります。jsをクライアントサイドで実行するのでjs無効にしてたりするブラウザには、、、lessっていうものがあるよーってくらいに覚えておいて損はないと思います。

筆者はSassを使っています。

lessもsassもグリッドレイアウト時の自動計算させることもできるので

動作環境を考えるとクライアントサイドに依存しないSassがお勧めです。

Lessの導入方法は下記のようにするだけです。

[html]
<link rel="stylesheet/less" type="text/css" href="styles.less">
<script src="less.js" type="text/javascript"></script>
[/html]

婚活・恋活・再婚マッチング【マリッシュ(marrish)】
Skypeを使用しない独自のシステム【ECCオンラインレッスン】
リゾートバイト派遣業界No1の求人サイト【リゾバ.com】
次はあなたが出会う番です♡【ラブサーチ】