no-image

JavaScript

フレキシブルで美しいアニメーションによるファイルアップローダー「FilePond」

FilePondはフレキシブルで楽しいJavaScriptファイルアップローダープラグインです。美しいアニメーションでアップロードも素早いことから、ハイセンスなファイルアップローダーを探している人にはピッタリです。

FilePond

デモ

デモではページ読み込み時にすでにファイルが指定された状態になっています。アップロード領域内の右側にある上矢印ボタンをクリックするとファイルのアップロードが開始されます。

アップロード中はパーセント表示でリアルタイムで進捗状況を確認できるようになっています。アップロードが完了すると全体が緑色になり、「Upload complete」と表示されます。

また、指定したファイルを取り消す場合は右側にあるバツ印をクリックすればOKです。

ファイルの指定はアップロード領域内にドラッグ&ドロップでも指定できるのが便利ですね。

FilePond

no-imageマウスの動作に連動するシャドウエフェクト実装「Jquery Shadow Plugin」前のページ

CSSで実装できるコンパクトで可愛いメニュー「CSS Only Fab Icon Menu」次のページCSS Only Fab Icon Menu

関連記事

  1. JavaScript

    いろんなデザインのツールチップを実装できる「Opentip」

    Opentipはいろんなデザインのツールチップを実装することができるJ…

  2. Reframe.js

    JavaScript

    特定の要素をレスポンシブ化してくれる「Reframe.js」

    Reframe.jsはレスポンシブに対応していない特定の要素をレスポン…

  3. HoldOn.js

    JavaScript

    ユーザーの待機中に表示させるアニメーション実装「HoldOn.js」

    HoldOn.jsはユーザーが待機している間に表示させるアニメーション…

  4. jQuery liMarquee
  5. jQuery Smart Placeholder
  6. Lobibox

    JavaScript

    レスポンシブなメッセージを通知できる「Lobibox」

    Lobiboxはレスポンシブなメッセージボックスを通知できるjQuer…

最近の記事

  1. ダミアン・ハースト 桜
  2. パッキングエリア
  3. あらびきソーセージパイ
  4. REACH フロス
PAGE TOP