Bootstrapで最近人気の高いレイアウトやコンポーネントを簡単に実装できるテンプレートのまとめ | コリス

2015/07/31 439 users コリス Bootstrap コンポーネント アニメーション

上部固定のScrollspy対応ナビゲーション、アニメーションがかっこいいオフキャンバスメニュー、ブラウザの高さいっぱい・半分に画像を配置、複数のコンテンツを配置するレスポンシブ対応のコンポーネントなど、最近よく見かける人気の高いレイアウトやコンポーネントを簡単に実装できるBootstrap用のテンプレートを紹介します。 Bootstrap 実装方法のほとんどは、Bootstrapの最小限の構成に... 続きを読む

勉強用にもいい！フラットでミニマルな1ページで構成されたウェブサイトを作成する無料のテンプレート -mRova | コリス

2013/07/09 155 users ヘッダ コリス ナビゲーション ミニマル トレンド

企業でも代理店でも個人でも無料で利用できる、最近のトレンドである1ページで構成されたウェブサイトを作成するテンプレートを紹介します。 実際にサイトを作ってもよし、勉強用に使ってもよし、です。 Free One Page HTML Template テンプレートの主な特徴 ミニマルなフラットスタイルのデザイン ヘッダはスクロールしても上部固定 ナビゲーションは表示コンテンツに合わせてハイライトが変更... 続きを読む

[CSS]ヘッダは上部固定で、フッタはコンテンツが少なくても最下部にするスタイルシート、レスポンシブにも対応！ | コリス

2013/02/25 471 users ブッダ ナビゲーシ コリス ヘッダ CSS

ナビゲーションを配置したヘッダはスクロールしても常に上部に固定されており、フッタはコンテンツの量が少なくても最下部に配置されるページを実装するスタイルシートを紹介します。 Sticky footer with fixed navbar コンテンツが少なくてもフッタは最下部に、レスポンシブ対応で！ デモ Bootstrapに素晴らしいデモがあったので、そこからデモを紹介します。 デモでは、ナビゲーシ... 続きを読む

今見ている場所が分かりやすいヘッダー固定のjQuery＆CSSテクニック:phpspot開発日誌

2011/08/22 45 users phpspot開発日誌 CSS-Tricks 場所 上部 文書

Persistent Headers | CSS-Tricks 今見ている場所が分かりやすいヘッダー固定のjQuery＆CSSテクニック。 文書は表などの長さが長くなってくると今どこを見ているかわかりづらいようなケースがありますが、このテクニックを使えば、今読んでいるパートがなんなのかをページの上部に表示することができて分かりやすいです。テーブルヘッダーなんかも上部固定できます 固定したい部分はj... 続きを読む