ドラッグを必要とする様々なUI実装に使える「Dragdealer JS」
2010年06月16日-
スポンサード リンク
Dragdealer JS
ドラッグを必要とする様々なUI実装に使える「Dragdealer JS」。
マウスを使ったドラッグ&ドロップ操作というのは、スクロールバーや、スライダー等色々と存在しますが、そういった処理を一手に引き受けてくれるライブラリのご紹介です。
要素を動かした後のコールバック関数が指定できるので、ドラッグ&ドロップ後の処理が自由に記述できてアイデア次第ではなかなか便利なUIが作れそうです。
横スライダー

縦スライダーで文字サイズを変更するサンプル

横スライダーで文字サイズを変更するサンプル

ドラッグで移動させるスライドショー

予め用意されているUI実装をするのもよいですが、ドラッグ&ドロップに関する新しいUIを思いついた場合にも参考にしてみるとよさそう。
関連エントリ
ドラッグを必要とする様々なUI実装に使える「Dragdealer JS」。
マウスを使ったドラッグ&ドロップ操作というのは、スクロールバーや、スライダー等色々と存在しますが、そういった処理を一手に引き受けてくれるライブラリのご紹介です。
要素を動かした後のコールバック関数が指定できるので、ドラッグ&ドロップ後の処理が自由に記述できてアイデア次第ではなかなか便利なUIが作れそうです。
横スライダー

縦スライダーで文字サイズを変更するサンプル

横スライダーで文字サイズを変更するサンプル

ドラッグで移動させるスライドショー

予め用意されているUI実装をするのもよいですが、ドラッグ&ドロップに関する新しいUIを思いついた場合にも参考にしてみるとよさそう。
関連エントリ
スポンサード リンク
Advertisements
SITE PROFILE
最新のブログ記事(新着順)
- React+Tailwindなサイトで使えるUIライブラリ「SmoothUI」
- 15000以上のいい感じの線形アイコン「Lineicons」
- CSSやTailwindでのCSSスニペットライブラリ「CSS Snippets Library」
- AIを使ってサイトマップが作れる「Octopus.do」
- ライブラリ依存のないモーダルオープンライブラリ「Blendy」
- 個性的な明朝フリーフォント「築豊初号明朝OFL」
- CSSで太陽が差し込むようなアニメーション実装
- 可愛くアニメーションする「beautifully crafted animated icons」
- アイソメトリックなアイコンがアイコンがPNG,SVGでゲットできる「Isoicons」
- ユニークなカタカナフォントtorisippo
- 過去のエントリ