コーラかペプシ、MacかPC、マーベルかDC? どのコミュニティでも、どちらが優れているかについて議論があります。 Webデザイナーの方や、 開発者、その議論はサスかレスです。
Syntactical Awesome Stylesheets (Sass) と Leaner CSS (LESS) は両方とも CSS プリプロセッサです。 これらは、デザインをより簡単かつ効率的に行うための特別なスタイルシート拡張機能です。 Sass と LESS は両方とも、ブラウザーが読み取れるように CSS スタイルシートにコンパイルされます。 最近のブラウザでは .sass または .less ファイル タイプを読み取ることができないため、これは必要な手順です。
Web の世界に参加する予定がある場合 発達、両方ではないにしても、2 つのプリプロセッサのいずれかに精通していることをお勧めします。. 結局のところ、彼らには多くの類似点があります。 これらにより、CSS の記述がよりシンプルになり、よりオブジェクト指向になり、より楽しくなります。 ただし、いくつかの重要な違いがあります。
Sass は Ruby にありますが、LESS は Javascript にあります
Sass は Ruby に基づいているため、Ruby のインストールが必要です。 Mac を使用している場合、これは大した問題ではありません。 ただし、Windows マシンを使用している場合は、インストールに時間がかかります。
LESS は Sass と同様に Ruby で構築されましたが、JavaScript に移植されています。 LESS を使用するには、該当する JavaScript ファイルをサーバーにアップロードするか、オフライン コンパイラーを通じて CSS シートをコンパイルする必要があります。
変数を割り当てるには、Sass は「$」を使用しますが、LESS は「@」を使用します。
Sass と LESS はどちらも特殊な文字を使用して変数を割り当てます。 これは、これらのプリプロセッサを使用する利点の一部です。 変数を割り当てるたびに仕様を入力し続ける必要はありません。 代わりに、文字を入力するだけです。
Sass では、これはドル記号 ($) です。 LESS では、アットマーク (@) です。 LESS の唯一の欠点は、すでに @ を使用している既存の CSS セレクターがいくつかあることです。 この複雑さにより、学習曲線が少し難しくなる可能性があります。
Sass にはコンパスがあり、LESS にはプリブートがあります
Sass と LESS には、ミックスイン (サイト全体で CSS 宣言を保存および共有する機能) を統合するために使用できる拡張機能があります。
Sass はミックスインに Compass を使用します。これには、将来のサポートのためのアップデートで利用可能なすべてのオプションが含まれます。
LESS には、Preboot.less、LESS Mixins、LESS Elements、gs、および Frameless があります。 LESS のソフトウェア サポートは Sass よりも細分化されており、その結果、すべてが同じように機能するとは限らない拡張機能のさまざまなオプションが多数存在します。 プロジェクトでは、Compass のパフォーマンスを再現するために、リストされている拡張機能の複数 (またはすべて) を使用する必要がある場合があります。
Sass よりも LESS の方がエラー メッセージが優れています
Sass と LESS は両方とも、構文のエラーを報告する機能についてテストされています。 LESS はテストでより正確なエラー メッセージを表示し、エラーの正しい位置を報告しました。 これは、タイプミスによってコードが脱線している場合に便利です。 エラー メッセージが少ないと、問題を迅速に特定するのに役立ちます。
LESS は Sass よりもユーザーフレンドリーなドキュメントを備えています
LESS のドキュメントは視覚的に魅力的で、初めてのユーザーにとって理解しやすいものになっています。 Sass のドキュメントには、より多くの基礎知識が必要か、セットアップ中に Wiki と頻繁に相互参照する必要があります。
この事実自体が、Sass または LESS の採用率に大きな影響を与える可能性があります。