細かすぎるけど伝わってほしい私的BEMプラクティス30（ぐらい）
BEMのいいところは、それが何者なのかが明白ということに尽きる。とある要素を見たときに、そのスタイルがどこに書かれているのか、何を表しているのかがクラス名を見ればわかる。手を入れる際も、どこに追記すればよいのか、どれくらいの影響を及ぼすのかの大部分が推測できる。 レスポンシブ・デザインと相性がいいとか、流行りのコンポーネント指向と相性がいいなど、BEMの良さは他にもいくつか挙げられるけど、決定的なのは明瞭さであると思う。 BEMを使いはじめてかれこれ３，４年くらい経った。その間に色々な命名規則や設計思想が登場してきたけれども、今のところは浮気する程の魅力を他に感じることもなくBEM一筋でやってきている。ただし実践するにつけて、より明瞭で破綻しづらい設計を実現するために、様々な制約やガイドを設けてやってきたので、「もともとのBEM」からは多少なり離れているかもしれない。 ただし、それはBEM
【どんより鬱々】ぐるぐる考え、思い悩むとき。わたしが気をつけていること３つ。｜すっきり、さっぱり。
10月なのに、冬みたいに寒くて、しかもずっと雨。 気持ちも鬱々としてきそうです。 きょうは、「ぐるぐる考え、思い悩む時。わたしが気をつけていること３つ」について書いています。 ① 考え事は、「わたし」を主語にしてからにする ぐるぐる考えたり、思い悩む時によくはまるエアポケット。 「なんでこんなことになったんだろう」 「なんで彼女はあんなことを言うんだろう」 「なんで彼はあんなことをするんだろう」 ほんとによくやっちゃうのですが、ここからはじめちゃうと、まずそこから抜け出すのがすごく大変なんですよね。 「わたし」が主語になっていないところから、スタートしてるから。 あたりまえですが、わたしが主語になっていないことを、わたしが考えたって一生答えが出るはずない。 「わたし」を主語に、切り替えます。 「わたしは、あんな状況になったことが、悲しかった」 「わたしは、あんなことを言われて、イヤだった」
画面中央に表示するモーダルウィンドウを実装したい ｜ Tips Note by TAM
画面中央に表示するモーダルウィンドウをjQueryで実装してみました。 ■HTML <div id="modal-main">モーダルウィンドウ</div> <!-- #contents START --> <div id="contents"> <p><a id="modal-open">【クリックでモーダルウィンドウを開きます。】</a></p> <p class="page-txt">ここからページ本文<br> <br> ↓↓↓ スクロールしてください ↓↓↓</p> </div> <!--/#contents--> ■CSS #contents { z-index: 0; font-size: 16px; } .page-txt { margin: 30px 0 0; height: 2000px; } #modal-open { color: #cc0000; } /* モーダル
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
