タグ

ブックマーク / blog.ruedap.com (2)

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

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

    BEMという命名規則とSass 3.3の新しい記法 - アインシュタインの電話番号
    m4i
    m4i 2013/11/03
  • Vimで現在割り当てられているショートカットキーの一覧を見る - アインシュタインの電話番号

    Vimでどのキーに既にショートカットキーが割り当てられていて、どのキーが空いてるのか、をどうやって調べるんだろうと疑問に思ってた。 昨日の記事で、「Vimに割り当てられてるショートカットキーを調べる方法ってあるの?」と聞いてみたところ、unite.vimの設定を参考にさせてもらったdelphinus35さんに教えてもらえた。ので自分の備忘録と、同じ疑問を持ってる人がいるかも知れないのでエントリー化しておく。 デフォルトで割り当てられているショートカットキー Vimのデフォルトのショートカットキー割り当てを調べるには、以下のテキストをhelpコマンドで参照する。 :help index.txt Vimのヘルプを日語化していれば、日語で一覧が表示される。たとえば、ノーマルモードでのデフォルトの割り当ては以下のような感じ。 |タグ|文字|注|ノーマルモードでの動作| |-|-|:-:|-|

    Vimで現在割り当てられているショートカットキーの一覧を見る - アインシュタインの電話番号
    m4i
    m4i 2011/12/27
  • 1