Tumblr is a place to express yourself, discover yourself, and bond over the stuff you love. It's where your interests connect you with your people.
この記事は BEM Advent Calendar 2013 の12日めの記事です。 BEM は優れた方法論だと思うが、大変めんどうくさいことを強いてくることがある。この記事ではそんなめんどうくさい BEM を、少しでもめんどうくさくない BEM に変えられるかどうかを思索するものである。なお、めんどうくさくなくする過程で「それは既に BEM ではな」くなっている面もあると思うが、そこは承知の上なので念頭に置かれたし。 CSS セレクターにタグを書くのは本当にダメなのか 例えば以下のコードがある。 <section class="item-list"> <h1>アイテム一覧</h1> <ul> <li> ... </li> <li> ... </li> <li> ... </li> </ul> </section> 上記のコードはシンプルなので、各要素にスタイルを当てるとしたらこのような
追記(2018年4月13日):紹介した機能の実装が進みました(Can I use:allプロパティ、initial、unset)。 一方で文中で取り上げたScoped Stylesheetsは仕様から削除されてしまいました。 このエントリはCSS Property Advent Calendar 2013の10日目のものです。 すみませんすみません日付勘違いしてました。ほんと申し訳ありません…… 今回はradial-gradient()のMixin…は作りません。プロパティじゃないしね。ふつうのプロパティと値についてご紹介しようかと。 CSS Cascading & Inheritanceのall, initial, unset Firefox 27あたりからallプロパティとunset値なんてものが実装されました。CSSのCascading and Inheritanceモジュールで定義
Facebook いいね!ボタンのコメント欄が表示されない問題2大パターンと解決方法 2013年12月12日 14:43Facebook Facebook 外部サイトに置かれた「いいね!」ボタンを押すと コメント欄が出てきますね。 お試し用のボタンを置いときますからお気軽にどうぞ。 そこにコメントを入れて Facebook に投稿 ボタンを押すと コメント付きで「いいね!」ができるしくみ。 ところが、このコメント欄が途中で切れてしまって 全体が表示されなくなってるのをよく見ます。 こうなるのにはいろんな原因があると思うんだけど、 見てるとだいたいこの2つのどっちかになってるので書いてみます。 overflow: hidden; で括られてる これは他のウィジェットと並べてる場合に多い気がします。 ものすごく大雑把に書きますけどこんな感じで並んでて いいねボタンの外側が overflow:
帰宅したら「うわあああ!?」…犬や猫たちの困ったいたずら写真18枚 家族同様に愛情を注ぐ人も多いペット。しつけの行き届いたいい子ちゃんから、やんちゃな部分がすぐ出てしまう困ったちゃんまでいろいろです。 ちょっと羽目を外し過ぎちゃったペットたちの、やんちゃ・いたずらの数々をご紹介します。 1. 「えっと、えっと、あの布団が攻撃してきたんだ」 2. クリスマスツリーを飾って、わずか2分後の出来事。 3. 「このボウルは私専用なのっ!」 4. つっついて、引っ掛けて、外せと言わんばかりのキーボードの構造。 5. 証拠が残されてるとき。 6. 「だから僕はやめたほうがいいって言ったんだ」 7. 「宿題をあんなに嫌がってたから、食べてあげたよ」 8. 「雪の予行練習だい!」 9. 「今片づけようと思ってたとこ!」 10. 「ここから通ると近道なの」 11. (……ここはかわいい顔をしておけば大丈夫)
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く