タグ

2015年6月10日のブックマーク (2件)

  • CSS - Bootstrap 3 徹底解説!

    例えば、コンテンツを、メインとサイドバーに分ける場合、以下のようになります。 (あくまでも、style属性は、見やすくするために指定しています) <div class="container"> <div class="row"> <div class="col-md-9" style="border: 1px solid #009000">メインコンテンツです。</div> <div class="col-md-3" style="border: 1px solid #009000">サイドバーです。</div> </div> </div> デモページ(css-01.html) スマートフォンとパソコンでレイアウトを変える col-md-*だけだと、スマートフォンで表示すると、上下の表示になってしまいます。 パソコンとスマホの両方で、横にコンテンツを並べたい、といった場合上のコード以外に

  • 高機能過ぎるjQueryスライドショー「Camera slideshow」

    Camera slideshow 「Camera slideshow」は細かいところまであらゆる設定ができる高機能のjQueryスライドショーです。 デフォルトの状態でも十分に機能しますが、スキンやエフェクト、メーターの種類やナビゲーション、画像別に見せる時間を変えるなど様々な設定が可能です。 また、レスポンシブ対応しています。設定によってはフルスクリーンでのスライドショーを背景に設定することもできます。動画を組み込むことも可能です。 サンプルを作ってみました。 →「高機能過ぎるjQueryスライドショー『Camera slideshow』サンプル」 (追加記事:jQueryスライドショー「Camera slideshow」をフルスクリーンで背景にする方法) 軽くて使いやすいですので、どの画像ギャラリースライダーを使おうか迷った時の選択肢のひとつに良いと思います。 【使用方法】 まずはこち

    高機能過ぎるjQueryスライドショー「Camera slideshow」