SassプリプロセッサとLESSプリプロセッサの違い
Девчата (комедия, реж. Юрий Чулюкин, 1961 г.)
目次:
- セスとレスは何ですか？
- 01 SassはRuby、LESSはJavascript
- 03 Sassはコンパス、LESSはプリブート
- 04 LESSはSassより良いエラーメッセージを持っています
- 05 LESSはSassよりもユーザーフレンドリーなドキュメントを持っています
コーラやペプシ、マックやPC、マーベルやDC？どのコミュニティでも、それについての議論があります。 Webデザイナーや開発者にとって、その議論はSassかLessです。
セスとレスは何ですか？
文法的に素晴らしいスタイルシート（Sass）とLeaner CSS（LESS）はどちらもCSSプリプロセッサです。これらは、設計をより簡単かつ効率的にする特別なスタイルシート拡張です。 SassもLESSもCSSスタイルシートにコンパイルされるため、ブラウザはそれらを読み取ることができます。最近のブラウザは.sassまたは.lessファイルタイプを読み取ることができないため、これは必要な手順です。
Web開発の世界にいることを計画している場合は、2つのプリプロセッサのうちの1つ、または両方に精通していることをお勧めします。.
それに来ると、両方が似ています。それらはCSSを書くことをよりシンプルに、よりオブジェクト指向に、そしてもっと楽しい経験にします。それにもかかわらず、いくつかの重要な違いがあります。
01 SassはRuby、LESSはJavascript
SassもLESSも、特殊文字を使って変数を割り当てます。こうすれば、仕様を入力し続ける必要はありません。あなただけの文字を入力することができます。
Sassでは、ドル記号（$）です。 LESSでは、アットマーク（@）です。 LESSの唯一の欠点は、すでに@を使用している既存のCSSセレクターがいくつかあるため、学習曲線が少し硬くなる可能性があることです。
03 Sassはコンパス、LESSはプリブート
SassとLESSには、ミックスインを統合するための拡張機能（サイト全体でCSS宣言を保存および共有する機能）があります。
Sassは将来のサポートのためのアップデートで利用可能なすべてのオプションを含むmixinに利用可能なコンパスを持っています。
LESSにはPreboot.less、LESS Mixin、LESS Elements、gs、およびFramelessがあります。 LESSのソフトウェアサポートはSassより細分化されているため、拡張機能にはさまざまなオプションがありますが、すべて同じように機能するわけではありません。あなたのプロジェクトでは、Compassと同等のパフォーマンスを得るために、リストされているすべての拡張機能が必要になるかもしれません。
04 LESSはSassより良いエラーメッセージを持っています
SassとLESSはどちらも、構文エラーを報告する能力についてテスト済みです。 LESSは、エラーの正しい場所を報告するという点で、テストにおいてより正確なエラーメッセージを持っています。
このようなことで、タイプミスで発汗する時間を少し節約することができます。
05 LESSはSassよりもユーザーフレンドリーなドキュメントを持っています
LESSのドキュメントは視覚的に訴求力があり、初めてのユーザーにとっては従うのが簡単です。 Sassのドキュメントには、もっと多くのナレッジベースやWikiの設定があります。
これは、SassまたはLESSがWebサイトの設計で使用するために設計されたプラットフォームであるため、SassまたはLESSの採用率にとって重要となる可能性があるという事実です。
