TRBL メソッドで background-size を代替する - dskd
公開日2015-03-26タグCSS親要素に対して子要素を上下左右に中央配置する TRBL メソッドというものがある。 .wrap { position: relative; width: 300px; height: 300px; border: 1px solid magenta; resize: both; overflow: hidden; } .inner { position: absolute; top: 0; right: 0; bottom: 0; left: 0; margin: auto; width: 176px; height: 244px; background-color: grey; } .inner を img 要素にして、画像の大きさが不定の時でも頑張る方法は以前記事にしているので参考までに。 この TRBL メソッドでさらに頑張ると、背景指定ではなく
CSSの命名規則にBEMを取り入れてみる - dskd
公開日2013-12-02タグAdvent CalendarBEMCSSHTML今年もあと一月ということでブログをリデザインしました。ということでこの記事はBEM Advent Calendar 2013 １日目のエントリです。日付過ぎてしまいましたね。 BEM って何？ BEM とは Block, Element, Modifier の頭文字をとったもので、フロントエンド設計において命名規則やモジュールの管理に前述の３種類の区分を取り入れたものを言います。今回はタイトルにもある通り、CSS の命名規則に BEM を取り入れてみるということで、BEM な CSS について記載します。 BEM るとどういう良いことがあるの？ いろんな人がすでに書いているので別エントリを参考になさってください。あるいは、今回の Advent Calendar に参加した方のエントリも参考になるかと思います。
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
