Folder Preview Ideas

JavaScript

フォルダに楽しいホバーアニメーションをつける「Folder Preview Ideas」

Folder Preview Ideasは、フォルダにさまざまな楽しいホバーアニメーションをつけることができます。CSSやAnime.jsなどが使われているとのこと。ホバーすることで、フォルダに何があるのか瞬時に把握できますね。

Folder Preview Ideas

デモ

デモページには全部で9つのサンプルが設置されています。各サンプル内に表示されたフォルダにホバーすると、アニメーション付きで情報が表示される仕組みです。

顔、写真、ファイルといったアイコンが表示されたり、テキストが表示されたりと、いろんなバリエーションのサンプルをチェックすることができます。

どれも滑らかなアニメーションで、思わず注目してしまいますね。見ていて楽しくなる、そんなちょっとしたアクセントを求めている人にはピッタリの機能になるのではないでしょうか?

フォルダだけではなく、応用次第でいろんなシーンで活用できそうな機能ですね。

Folder Preview Ideas

Panoramix Image左右に移動できるパノラマ画像を表示させれる「Panoramix Image」前のページ

カスタマイズしやすいツールチップ実装「jQuery Tooltip Basic」次のページjQuery Tooltip Basic

関連記事

  1. vallenato.js

    JavaScript

    シンプルで実装も簡単なjQueryアコーディオン「vallenato.js」

    vallenato.jsは、シンプルで簡単に実装することができるjQu…

  2. JavaScript

    スクロールしても固定表示されてついてくるjQueryプラグイン「Sticky」

    StickyというjQueryプラグインを使えば、スクロールしても固定…

  3. Tikslus Carousel
  4. jQueryでウィンドウサイズによって処理を変える

    JavaScript

    jQueryで$.inArrayを使えば配列の中に指定した値が何番目に入ってるか知ることができる

    jQueryで配列の中に自分が指定した値が何番目にあるか知りたい場合は…

  5. jCider

    JavaScript

    レスポンシブ対応のjQueryカルーセルプラグイン実装「jCider」

    jCiderはレスポンシブ対応のシンプルなカルーセルを実装できるjQu…

最近の記事

  1. 田沢湖
  2. ゴムの耳栓
  3. ライオンコーヒー(バニラマカダミア)
PAGE TOP