Sass

Sassにおける@mixinの有用性は前回まででお伝えしましたが、実際に@mixinを設定するのはちょっと面倒だと感じます。もちろん初めだけというのはわかっているのですが。ノウハウが蓄積すれば自分用@mixinスニペット集なんかを作ると便利でしょうね。そこで、今回はcompassの紹介です。compassはSassのフレームワークという位置づけです。フレームワークというと、便利機能集的存在のため、様々な機能が提供される代わりに余計な機能も提供されるデメリットがあります。しかし、compassの場合はCSSプリプロセッサ―のフレームワークのため、Sassで設定しない限りCSSに余計なセレクタが追加されることはありません。本当に黒子的存在ですね。compa...
Sassでは@mixinを活用すればするほど効率化がすすみます。簡単な@mixinの設定方法を説明します。引数の活用@mixinは@extendやプレースホルダーと違い引数を持つことができるということを説明しました。しかし、デザイナーの方はプログラムが苦手で、ともすればコーディングすら苦手なのに引数なんて？まみれです。私自身もPHPを触るようになるまでは引数ってなんじゃ！という感じでした。（今も若干）では簡単に@mixinでの引数の使い方を。@mixin 定義名(引数) {プロパティ:変数;}上記が一般的な@mixinの定義方法になります。@include 定義名(引数);@includeは上記のような記述になります。Javascriptが分かる方なら...
Sass（サス）とはBootstrap4からLessを外しSassが正式採用されました。これからはSassの時代？Sassは「Syntactically Awesome StyleSheet」の略で、まあすごいスタイルシートという感じ。入れ子や変数が使える素敵仕様。これまで、CSSは記述が単純でわかりやすかった代わりに、大規模サイトになると記述量が大量になり管理が大変でした。私はプロジェクトなんかでエクセルでCSSのセレクタとプロパティをレイアウトごとに管理したりしていましたが、それでも探すのが大変。Firebugと管理表でサルベージの日々という感じでした。Sassは、現状でWebページで直接読み込まれるわけではないので、結局CSSにコンパイルするので...