Category: CSS

今回のエントリーでは、 Sass による隣の要素(隣接セレクタ)をどうまとめるかについて書いてみます。隣接したセレクタを書く場合は「 + 」を使います。これを Sass の場合どう書くのかというお話です。親参照セレクタの変わった使い方以外は、ほとんど CSS の機能のままですね。ネストして CSS を書けるので読みやすくなるくらいだと思います。

今回のエントリーでは、Sass 使いなら必ず使っている、もしくは使ったほうが良いコマンドプロンプトの使い方を紹介したいと思います。

今回のエントリーは、 Sass の機能説明というよりコラムのようなものになります。Sass の継承機能にまつわる考察および実験結果を、オブジェクト指向についての本は数冊読み、かつその他 C++ などの言語を扱った経験から若輩ものではありますが書いてみようと思います。
　
先に結論を書きますが、 Sass はオブジェクト指向ではありません。なぜなら、オブジェクト指向として必要な機能が欠けているためです。

テスト用の表示や遊び心で図形を描きたい、ということがたまにあります。そんな時にお絵かきソフトを使わずに CSS で図形を書くことはないでしょうか？わざわざ Photoshop を開くのも面倒だと感じてしまう方！ Sass でさっと図形を書いてしまいましょう。
　

　

今回のエントリーでやりたいことは、以前に作成したサポートするブラウザのパラメータ設定から、不要なベンダープレフィックスを割り出して表示させないようにすることです。できる限りユーザーが触れるパラメータは少ないにこしたことはありませんよね。

ライブラリの制作の方法については、以前のエントリである「Sassで未対応ブラウザへのCSS3使用は警告＆自動修正！」を参考にしてください。今回は、紹介しているトピックスをまとめたものをライブラリとして公開する旨のエントリーとなります。こんな感じでライブラリ作ってますよ！と言いたいだけなので、まだまだ完成とは言えるものではありません。

これまで、 Sass の記事を連投してきましたが、導入方法を説明するエントリーが概要のみとなってしまっていたので再度詳細を載せてみたいと思います。 Windows7 としていますが、 Ruby のインストール後は、 Mac でも同様です。これは、 Mac 製品は既に Ruby がインストールされているためです。

今回は計算がメインのエントリーとなります。RGBA 値のバラバラな値を、16 進数のカラーコードに変換してみます。