初心者も簡単ブログにコピペだけ!1クリック高単価7〜42円。登録無料最短1分でスタート。

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

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

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

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

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

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

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

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

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

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

<link rel="stylesheet/less" type="text/css" href="styles.less">
<script src="less.js" type="text/javascript"></script>
ダイレクト特集ページ用バナー(ダウンロード版)

初心者も簡単ブログにコピペだけ!1クリック高単価7〜42円。登録無料最短1分でスタート。