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

では、ダウンロードした「superfish.css」「superfish-navbar.css」を実装していこう。まず「superfish.css」を実装する。ul には「sf-menu」「sf-js-enabled」「sfshadow」をクラスで指定する。liの背景色、liやaのhover後の色やulのサイズ等はそのつど確認をしながら編集していく。

下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 優れたユーザエクスペリエンスは、熟考されたナビゲーションから始まります。ビジターの快適なプレゼンスを支えるのはWebサイトの心 ...

今日はトップページに彩りを加えていきたいと思います。 Bootstrap/FontAwesomeの利用 BootstrapはCSSフレームワークと呼ばれ、Webページの見た目を司るCSSの雛形を収めたライブラリのことです。これを利用することで、かっこいい見た目のCSSを簡単に、無料で使う ...