Web開発者は、1つまたは両方のプリプロセッサに精通している必要があります
コークスまたはペプシ、MacまたはPC、MarvelまたはDC？ すべてのコミュニティには、よりよい議論があります。 Webデザイナーや開発者にとって、その議論はSassまたはLessです。
サスとレッセは何ですか？
構文的に素晴らしいスタイルシート（Sass）とLeaner CSS（LESS）はどちらもCSSプリプロセッサです。 これらは特別なスタイルシート拡張で、より簡単で効率的な設計が可能です。 SassとLESSの両方がCSSスタイルシートにコンパイルされ、ブラウザがそれらを読むことができます。これは現代のブラウザが.sassまたは無しのファイルタイプを読み取ることができないため不可欠なステップです。
Web開発の世界に入る予定の場合は、2つのプリプロセッサのいずれか、またはその両方に精通していることをお勧めします。
それになると、どちらも似ています。 彼らは、CSSをよりシンプルに、よりオブジェクト指向に、より楽しい経験を書くようにしています。 それにもかかわらず、いくつかの重要な違いがあります。 そのうちの5つがここにリストされています。
01 Sass Is Rubyです。 JavaScriptでLESSが使用されています
LESSはSassのようにRubyで構築されましたが、JavaScriptに移植されました。 LESSを使用するには、該当するJavaScriptファイルをサーバーにアップロードするか、オフラインコンパイラを使用してCSSシートをコンパイルします。
02変数を割り当てるには：Sassは$を使います; LESSを使用@
SassとLESSの両方は特殊文字を使用して変数を割り当てます。 このように、仕様を入力し続ける必要はありません。 あなたはただ文字を入力することができます。
Sassでは、それはドル記号（$）です。 LESSでは、それはアットマーク（@）です。 LESSの唯一の欠点は、既に@を使用している既存のCSSセレクタがいくつか存在することです。そのため、学習曲線を少しでも強化することができます。
03 SassにはCompassがあり、LESSにはPrebootがあります
SassとLESSは、ミックスインを統合する拡張機能を提供しています（CSS宣言をサイト全体に保存して共有する機能）。
Sassには、将来のサポートのためのアップデートで利用可能なすべてのオプションが含まれている、ミックスイン用のコンパスがあります。
LESSはPreboot.less、LESS Mixins、LESS Elements、gs、Framelessを持っています。 LESSのソフトウェアサポートは、Sassよりも断片化されているため、拡張機能にはさまざまなオプションがあり、すべて同じように機能するわけではありません。 プロジェクトでは、Compassと同様のパフォーマンスを得るために、リストされているすべての拡張が必要な場合があります。
04 LESSにはSassよりも優れたエラーメッセージがあります
SassとLESSの両方は、構文のエラーを報告する能力についてテストされています。 LESSは、エラーの正しい場所を報告したという点で、テストでより正確なエラーメッセージを出します。
このようなものは、タイポに汗をかいて少し時間を節約することができます。
05 LESSはSassよりユーザーフレンドリーな文書を持っています
LESSのドキュメントは視覚的に魅力的で、初心者の方には簡単に従うことができます。 Sassのドキュメンテーションには、知識ベースやwikiの設定がはるかに多くあります。
これは、SassまたはLESSの採用率にとって重要な事実です.SassまたはLESSは、ウェブサイト設計で使用するためのプラットフォームです。