SCSS

SCSS

Sassは、ハンプトンカトリンによって最初に設計され、ネイサンヴァイツェンバウムによって開発されたスタイルシート言語です。
Sassは、ハンプトンカトリンによって最初に設計され、ネイサンヴァイツェンバウムによって開発されたスタイルシート言語です。初期バージョンの後、Nathan WeizenbaumとChris Eppsteinは、Sassファイルで使用される単純なスクリプト言語であるSassScriptでSassを拡張し続けました。SassはCascading Style Sheets(CSS)メタ言語です。CSSに解釈されるスクリプト言語です。SassScriptはスクリプト言語そのものです。Sassは2つの構文で構成されています。「インデントされた構文」と呼ばれる元の構文は、Hamlに似た構文を使用します。インデントを使用してコードブロックを分離し、改行文字を使用してルールを分離します。新しい構文「SCSS」は、CSSのようなブロック形式を使用します。中かっこを使用してコードブロックを示し、セミコロンを使用してブロック内の行を区切ります。インデントされた構文とSCSSファイルには、それぞれextensions.sassと.scssが伝統的に与えられています。CSS3は、それらに適用されるルールをグループ化する一連のセレクターと疑似セレクターで構成されています。Sass(両方の構文のより大きなコンテキスト)は、より伝統的なプログラミング言語、特にオブジェクト指向言語で利用可能ないくつかのメカニズムを提供することによりCSSを拡張しますが、CSS3自体では利用できません。SassScriptが解釈されると、Sassファイルで定義されているさまざまなセレクターのCSSルールのブロックが作成されます。SassインタープリターはSassScriptをCSSに変換します。あるいは、Sassは.sassまたは.scssファイルを監視し、.sassまたは.scssファイルが保存されるたびにそれをoutput.cssファイルに変換できます。Sassは、CSSの構文糖衣です。

ウェブサイト:

カテゴリー

WebのSCSSの代替

LESS

LESS

LESSは、変数、ミックスイン、操作、関数などの動的な動作でCSSを拡張します。LESSは、Nodeを使用して、クライアント側(IE 6 +、Webkit、Firefox)とサーバー側の両方で実行されます。
  • 無料アプリ
  • Web
Stylus

Stylus

スタイラスは革新的な新しい言語であり、CSSを生成するための効率的で動的で表現力豊かな方法を提供します。インデントされた構文と通常のCSSスタイルの両方をサポートします。
CSS

CSS

カスケードスタイルシート(CSS)は、Webドキュメントにスタイル(フォント、色、間隔など)を追加するためのシンプルなメカニズムです。
  • 無料アプリ
  • Web
PostCSS

PostCSS

JavaScriptでCSSを変換するためのツール。