[B! Sass] m4iのブックマーク

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

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

m4i 2013/11/03

css
Sass

リンク

Sassオレオレリファレンス

このリファレンスについて元は社内提出用に書いたレポートです。レポートは１ページに全内容が入っていてだいぶ見辛いので、リファレンスらしい感じに作りなおしました。（ついでにかなり加筆修正しています）内容はSass公式サイトのリファレンスを忠実に翻訳したものではなく、構成などを再編集したオレオレ仕様になっております。もし内容に間違いなどありましたらご一報お願い致します。おことわり筆者が重度のChromerなので古いブラウザには全く媚びない悪びれない仕様です。新しいブラウザで御覧ください。

m4i 2012/12/10

Sass

リンク

Takazudolog - OOCSSとSass

CSS Preprocessor Advent Calendar 2012の10日目、@Takazudoです。僕はSassが好きです。なぜならSassにはextendがあるからです。その理由を、社内勉強会で発表した、以下のスライドで話したことを補足しつつ、書きます。OOCSS + Sass OOCSSってなんぞまず、Sassのextendが素敵な点を紹介する前に、OOCSSについて簡単に紹介します。OOCSSというのは、Nicole Sullivanという人が言い出した考え方です。そのプレゼン資料やビデオなどは、本人が発表したものが、slideshare等にアップされています。 Object-oriented CSS Object Oriented CSS by Nicole Sullivan · Fronteers The Cascade, Grids, Headings, an

m4i 2012/12/10

CSS
Sass

リンク

少ない手間と知識でそれなりに見せる、ズルいデザインテクニック// Speaker Deck

少ない手間と知識でそれなりに見せる、ズルいデザインテクニック with Sass / Compass (English Version) https://speakerdeck.com/ken_c_lo/zurui-design-technique-english-version 第一回…

m4i 2012/10/28

CSS
Sass

リンク

はてなにおけるCSSメタ言語（CSSプリプロセッサ）の導入について - Hatena Developer Blog

こんにちは、id:tikedaです。数年前から登場して以来、利用されるケースが増え続けているCSSメタ言語︵CSSプリプロセッサ︶。近年、様々な大規模サービスへの導入が進む中、はてなのサービス開発においても導入を行うため、2012/3/6に勉強会を実施しました。その内容を公開いたします。CSSメタ言語そのものの説明よりも、社内導入の為に必要な内容が中心となります。アジェンダどんなものがあるか導入の背景と目的はてなでの選択何がやれるかどう使うか事例・実演運用ルール今後の展望どんなものがあるか Sass(scss,sass) http://sass-lang.com/ Less http://lesscss.org/ Stylus http://learnboost.github.com/stylus/ Tass http://cho45.github.com/tasscs

m4i 2012/03/19

リンク

kuroigamen.com

This domain may be for sale!

m4i 2012/02/10

リンク

はてなブックマーク

タグ

関連タグで絞り込む (5)

Sassに関するm4iのブックマーク (6)

お知らせ

今週のはてなブックマーク数ランキング（2024年7月第2週）

はてなブックマーク透明性レポート（2024年 2月-2024年4月）

今週のはてなブックマーク数ランキング（2024年7月第1週）

公式Twitter

キーボードショートカット一覧

はてなブックマーク

公式Twitter

はてなのサービス