ドットナビゲーションスタイル

Web Information

ドットナビゲーションスタイルの色んなパターンについて

よくイメージスライダーの下部なんかに見かけるドットナビゲーション。通常あまり注目されないんですが、その分ほかのサイトとは違ったアニメーションなんかを取り入れることでちょっとしたアクセントになりますよね。そんなドットナビゲーションスタイルの色んなパターンをチェックできる「Dot Navigation Styles」が保存版だなーと思ったのでご紹介します。

[ads_center]

チェックしておきたいドットナビゲーションスタイル

ドットスタイルナビゲーションスタイル

Dot Navigation Styles | Codrops

実際のデモでは、こんな感じにたくさんのドットナビゲーションを確認することができます。

たくさんのドットナビゲーションスタイル

ホバーやクリック時の動きもそれぞれ異なるので実際に試してみるととても参考になります。ダウンロードもできるので、コードを確認したい人はチェックしてみてはいかがでしょうか。

とりあえずドットナビゲーションスタイルで悩んだらこれを見ておけば安心ですね。

関連記事

  1. Web Information

    今年(2011)最後に自分のWebサイトのファビコンを作成して設置してみる

    ファビコンをまだ設置していなかったので設置してみました。当サイトはまだ…

  2. Google翻訳の音声や使用例

    Web Information

    Google翻訳で音声や単語の使用例を確認できるのがとても便利

    Google翻訳を何気なく使っていて気づいたんですが、音声や単語の使用…

  3. Web Information

    iPhoneの「選択項目の読み上げ」機能を使ってテキストやメモを音声で聞くやり方

    iPhoneでもテキストやメモを選択して音声で聞くことができるっていう…

  4. Gmailの送信メール取り消し設定

    Web Information

    Gmailで送信メールを取り消し(キャンセル)する設定方法

    先日、GmailのWeb版に送信メールの取り消し機能が採用されたのでさ…

  5. Web Information

    自分のGoogleアナリティクスコードが勝手に他人のサイトで使われていた時の対処方法

    昨日ふとGoogleアナリティクスを見ていたら、自分の知らないページが…

  6. Web Information

    音を鳴らしたくない場所で便利!iPhoneのアラームをバイブだけに設定するやり方

    例えば電車の中やカフェなんかで、ちょっとだけ仮眠しようとした時にiPh…

最近の記事

  1. M360bt
  2. BQ-CASE/1

アーカイブ

PAGE TOP