Bootstrapに関するjianghanのブックマーク (2)

  • モーダルウィンドウ Modals | Javascript | Bootstrap3の使い方

    Home Javascript モーダルウィンドウ Modals モーダルウィンドウ Modals Bootstrap3で用意されているモーダルウィンドウ Modalsの使い方の説明 Liteboxのようなページ遷移せずにウィンドウを表示する機能です。 モーダルウィンドウの設置 まずは、下記のボタンをクリックしてデモを見てみてください。 クリックするとモーダルウィンドウが開きます。 <!-- モーダルウィンドウを呼び出すボタン --> <button type="button" class="btn btn-primary" data-toggle="modal" data-target="#myModal">クリックするとモーダルウィンドウが開きます。</button> <!-- モーダルウィンドウの中身 --> <div class="modal fade" id="myModal">

    モーダルウィンドウ Modals | Javascript | Bootstrap3の使い方
  • Bootstrap と BEM を組み合わせた CSS 設計パターンについて考える | Recruit Tech Blog

    前置き - CSS 設計が難しい件について 誤解を恐れずに言うならば、CSS は変数も関数も条件分岐もない、ある種ゆるふわな言語(仕様)といえます。そのためプログラミング言語のように記述ミス一つで全ての挙動が止まるなんてことはありませんし、いくら冗長に記述しようがブラウザ上での挙動に差異が生まれることも殆どありません。ちょっと嗜めばそれっぽいものが作れてしまうので、マークアップエンジニアのいない小規模体制の組織であれば、サーバーサイドエンジニアやデザイナーが片手間で習得して実装してしまうというのも珍しいことではないでしょう。それでも良かったのかもしれません。これまでは…。 片手間で学習した知識というのはなかなか体系化されないものです。CSS も御多分に漏れずプログラミングのテクノロジーは日進月歩なため、その時は最新だった技術が僅か一年も経たないうちに廃れてしまい、バッドノウハウ化してしまう

    Bootstrap と BEM を組み合わせた CSS 設計パターンについて考える | Recruit Tech Blog
  • 1