タッチ端末でドラッグ＆ドロップできるようにするjQueryプラグイン「touch-dnd」:phpspot開発日誌
touch-dnd by rkusa タッチ端末でドラッグ＆ドロップできるようにするjQueryプラグイン「touch-dnd」 Sortable, Draggable, Droppableをタッチ端末で実現できるようにするものです。 関連エントリ タッチデバイスでリストを並び替えたり削除したりできるUI実装ができる「Slip.js」 タッチができてレスポンシブなカルーセル実装jQueryプラグイン「Owl Carousel」 タッチに最適化されたLightBox実装jQueryプラグイン レスポンシブでタッチフレンドリな軽量LightBox実装jQueryプラグイン「Image Lightbox」 レスポンシブでタッチフレンドリーなスライドを作れるjQueryプラグイン「Glide.js」
フラットでシンプルなスライドショーが作れるjQueryプラグイン「Skippr」:phpspot開発日誌
Skippr. A jQuery plugin for creating tasteful slideshows. フラットでシンプルなスライドショーが作れるjQueryプラグイン「Skippr」 スライドショーのUIがフラットでシンプルなスライドショーが作れるようです。 実装されているデモははフルスクリーン仕様でモダンな感じがいいです。 自動再生や速度調整などの基本機能は存在しつつ、シンプルに利用できるみたい。 関連エントリ 背景を分割するなどしてカッコよく切り替えるスライドショーサンプル 画面を印刷して机においた風のエフェクトがクールなスライドショー「Tilted Content Slideshow」
Bounce.js·ユーザビリティ向上に使えそうなCSS3によるアニメーションライブラリ MOONGIFT
Webは基本的に表示されると全く動かないか、Flashによるスプラッシュのように最初だけアニメーションするかのどちらかが多いように思います。最近ではパララックスのようにスクロールによるアニメーションもありますが、それでも一旦表示されてしまえばそこで終わりです。 ユーザアクションによるアニメーションを実装したかったらBounce.jsを使ってみてはいかがでしょう。多様なアニメーションをCSS3で容易に実現できます。 Bounce.jsの使い方 この中央の四角がアニメーションします。 左のメニューから様々なアニメーションが指定できます。 実際のアニメーションは動画でご覧ください。 CSS3で実装されていますので負荷が低いように感じます。アニメーションは細かく制御できますので、ユーザのクリックアクションやマウスオーバーに合わせてちょっとだけ揺らしたり、新機能の紹介時に目を引くのに使ったりできそう
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
