タグ

Sassとrubyに関するd4-1977のブックマーク (2)

  • Assets Pipeline - web-k.log

    この記事は 基Ruby on Rails Guides: Asset Pipelineの訳ですが簡略化や自分の解釈で意訳した部分が多々あります。気になる点あったらコメントください。 Assets Pipelineとは Asset(アセット)とは、訳すと「資産」のこと。Assets Pipelineは画像やJavaScriptCSSを高速でリクエストを捌けるようにしたRails 3.1より標準搭載された仕組みです。 Assets Pipelineで出来ること Fingerprinting コンテンツベースのファイル名に更新することによるキャッシュ支援 Precompileを利用した高レベル言語でのコーディング CSSに対してSass/SCSS/LESS、JavaScriptに対してCoffeeScript等の中間言語が使用可能 ERBも使用可能 Assetの連結 複数のJavascri

  • Ruby で Sass のカスタム関数を書く

    Sass で関数を書く方法は 2 つあります。ひとつは Sass の @function ディレクティブ を使って Sass ファイル内に定義する方法。 $grid-width: 40px; $gutter-width: 10px; @function grid-width ($n) { @return $n * $grid-width + ($n - 1) * $gutter-width; } 簡単かつカジュアルに書ける反面、当然ながら Sass のネイティブ関数やディレクティブの制限を受けるので、できないことも多いです。とくに Sass は文字列系の関数があまり用意されておらず、不満を感じることも少なくありません。 もうひとつの方法は、Ruby でカスタム関数を書いて Sass を拡張する という方法です。Ruby の知識が必要で、かつ Sass ファイルに直接定義するのとは違って別フ

    Ruby で Sass のカスタム関数を書く
  • 1