[B! sass] quanonのブックマーク

Sass 3.2 からは placeholder selector を使おう - nodot

Sass 3.2 からは placeholder selector を使おうこの article は CSS Preprocessor Advent Calendar 2012 の25日目のエントリーとして書かれています(あれれ?!)。ご挨拶 2012年も皆様の願い空しくクリスマスは中止されず、それどころか今年も元気に Santa Tracker がサンタクロースを追いかけ回していたわけですが、CSS メタ言語 lover の皆様におかれましてはいかがお過ごしでしょうか。僕個人は今年の師走は今までにない師走っぷりで、一番ヤバい時は某 b 社にいた20代の頃を思い出す感じでした。いつもだいたい忙しいピークは夏に来るんですが今年は違いましたね。でもひとまず何とか乗り切れました。そう、もちろん Sass があったからです。これがなかったらと思うと恐ろしいですね。2012 年の冬、僕を救ってく

quanon 2015/12/22

Sass
CSS

リンク

彼らが !default を付けない理由 / Bourbon / Neat / Bitters

ThoughtBot がメンテナンスしてる有名なCSS関係のプロジェクト。 Bourbon / Neat / Bitters、あと Refills てのもあるけど、必要なのは最初の３つかな。サービス作ってて、バックエンドはあらかたできたなーーー、フロントどうするかなーってなった時に、 Bootstrap のようなライブラリ使うか、スクラッチでやるか迷うんだけど、最近というか、しばらくライブラリを使わないことが多い気がする。大して機能を使わないしね。ふんだんに使いこなすような巨大なサイトはいきなりできないし。とはいっても、ほんとにほんとに最初からつくるのもダルい。そこでこの３兄弟。 Bourbon / Neat / Bitters Bourbon - A Lightweight Sass Tool Set Bourbon は便利なミックスインが最小限で入っていて、 Neat はグ

quanon 2015/11/09

リンク

Responsive Web Design In Sass Using Media Queries In Sass 32 – TheSassWay.com

A syntax to SCSS uses its @media = 700x600x40:body = green, and foreground =… To generate a Sass Syntax, please contact Sass Syntax using this url and a screen name (width: (000) 700px). Image: @media (width *= 700px); body: green; background: green. Table of contents what is @media in sass?what is media scss?how do you structure a media query?can we use media query in sass?where do media queries

quanon 2015/11/05

リンク

BEMという命名規則とSass 3.3の新しい記法 - アインシュタインの電話番号

BEMを使った命名がとても明快で、このところHTMLやCSSを書くのによく使っている。CSSのクラス名として書く場合は、BEMをCSS用に使いやすくしたMindB EMdingという書き方を採用している。最初にこれを知ったときは「こんな汚い記述の仕方は使いたくない」と思ってたんだけど、すっかり慣れて、今ではその明快さにちょっと心酔しかけているほど。 BEMの方法論とMindB EMdingのルールについてはそれぞれの文書を読んでもらうとして、それらをひっくるめて大雑把に説明すると、BEMとはBlock、Element、Modifierの頭文字を取ったもので、構成する要素をそのどれかに当てはめて命名していく方法。どの場合でも必ずBlockもしくはそのModifierがルートにあり、その中に、所属するElementもしくはそのModifierが含まれる構成になる。 Block - 構成のルートとな