LESS-概要

LESSは、Webサイトのカスタマイズ、管理、および再利用可能なスタイルシートを可能にするCSSプリプロセッサです。LESSは、CSSの機能を拡張する動的なスタイルシート言語です。LESSはクロスブラウザにも対応しています。

CSSプリプロセッサは、CSSを拡張し、通常のCSS構文にコンパイルされるスクリプト言語であるため、Webブラウザで読み取ることができます。変数関数ミックスイン操作などの機能を提供し、動的なCSSを構築できるようにします。

なぜ少ないのですか?

なぜLESSを使用するのかを理解しましょう。

  • LESSは、よりクリーンでクロスブラウザー対応のCSSをより速く簡単に作成することをサポートします。

  • LESSはJavaScriptで設計されており、他のCSSプリプロセッサよりも高速にコンパイルされるライブで使用するためにも作成されています。

  • LESSは、コードをモジュール方式で保持します。これは、読み取り可能で簡単に変更できるようにすることで非常に重要です。

  • LESS変数を使用すると、メンテナンスを高速化できます

歴史

LESSはによって設計されました Alexis SellierLESSはオープンソースです。LESSの最初のバージョンはRubyで書かれました。それ以降のバージョンでは、Rubyの使用はJavaScriptに置き換えられました。

特徴

  • よりクリーンで読みやすいコードは、整理された方法で記述できます。

  • スタイルを定義して、コード全体で再利用できます。

  • LESSはJavaScriptに基づいており、CSSのスーパーセットです。

  • LESSは、コードの冗長性の問題を解決するアジャイルツールです。

利点

  • LESSは、ブラウザー間で機能するCSSを簡単に生成します。

  • LESSを使用すると、ネストを使用して、より適切に整理されたコードを記述できます。

  • 変数を使用することで、メンテナンスをより迅速に行うことができます

  • LESSを使用すると、ルールセットでクラスを参照することにより、クラス全体を簡単に再利用できます。

  • LESSは、コーディングを高速化し、時間を節約する操作の使用を提供します。

短所

  • CSSの前処理に慣れていないかどうかを知るには時間がかかります。

  • モジュール間の緊密な結合により、依存するモジュールを再利用および/またはテストするために、より多くの努力を払う必要があります。

  • LESSは、フレームワークCompassGravitySusyで構成されるSASSのような古いプリプロセッサと比較してフレームワークが少なくなっています。