アドインなしで実現可能！ ドラッグ＆ドロップを使いこなそう
HTML5のDrag and Drop APIは、Insider.NETの読者諸氏ならば習得が容易なはずだ。なぜなら、ドラッグ＆ドロップの実装方法が.NET FrameworkのWindowsフォーム・アプリケーションのそれと類似しているからだ。 HTML 5のDrag and Drop APIの実装方法は「ドラッグ操作」と「ドロップ操作」に切り分けて考える必要があるが、この考え方はずばりWindowsフォーム・アプリケーションのそれと同様である。これは、Drag and Drop APIの設計にマイクロソフトが大きな影響を与えている点に由来している。 WHATWG（Web Hypertext Application Technology Working Group）がHTML5の仕様策定を進める際、「先進的な機能を実装しているブラウザの挙動を規格化する」という基本理念があった。マイクロソ
[Mac][OS X Lion]ファイルの移動、コピーが超絶便利に！！ドラッグ&ドロップ拡張Macアプリ「DragonDrop」がすごい
ドラッグ&ドロップ時にシェイクするだけ！ さて、こちらの「DragonDrop」は、ファイルをドラッグ&ドロップする際に一度シェイクするだけで、そのオブジェクトを保留してくれる、と言うもの。 そんなわけで、公式サイトからのテンション高めの説明動画をどうぞ。 私、上の動画に心を奪われて夜も寝られないほど興奮しましたので早速DL。 起動すると、「ログイン時起動」「メニューバー上へのアイコン表示」など簡単な環境設定画面が出てきますので適宜設定しましょう。 この「DragonDrop」が便利なのは、例えばこんな風に、たくさんのウィンドウが開いているために移動先のウィンドウが見当たらない！なんて言う時。 一度つかんだ物を目的のフォルダに格納しようと、Exposeやらを駆使して移動させていると思わぬ操作ミスで意図しないフォルダへ入れてしまったりすることが結構あるんですよね…。 こんなときは一度、移動さ
![[Mac][OS X Lion]ファイルの移動、コピーが超絶便利に！！ドラッグ&ドロップ拡張Macアプリ「DragonDrop」がすごい](https://cdn-ak-scissors.b.st-hatena.com/image/square/4486bcd2c84d6e5f83bc3021e73f2eb4be46ac54/height=288;version=1;width=512/https%3A%2F%2Fozpa-h4.com%2Fwp-content%2Fuploads%2Fskitched-20120514-0334062.jpg)
ドラッグ＆ドロップでファイルをアップできるHTML5のデモ:phpspot開発日誌
Creating a Complete HTML5 Drag and Drop File Uploader with jQuery | InsertHTML ドラッグ＆ドロップでファイルをアップできるHTML5のデモ。 デスクトップなどからファイルをブラウザにドロップしてサムネイルを表示→ボタンを押下でアップロード実施というインタフェースのアップローダ実装デモです。 ソースをDLしてそのまま使うことも可能です。 ドロップするとサムネイルと共にボタンが表示されます。 ボタンを押すとファイルがアップロードされます。 使い慣れるといちいちダイアログからファイルを選ぶのが馬鹿らしくなりますね。 サンプルにはPHPスクリプトもおまけでついてきますが、値をValidateしていなかったりするため、実際に利用するには注意が必要そうです。 関連エントリ これは必見のWEBデザインの近未来。HTML5で構築
ドラッグ＆ドロップでアイテムを移動できる階層ツリー実装jQueryプラグイン「Nestable」:phpspot開発日誌
ドラッグ＆ドロップでアイテムを移動できる階層ツリー実装jQueryプラグイン「Nestable」 2012年07月19日- Nestable ドラッグ＆ドロップでアイテムを移動できる階層ツリー実装jQueryプラグイン「Nestable」。 次のような綺麗なリストを下位の海藻までドラッグ＆ドロップで自由に移動できる所がポイント。 jQuery使っているとはいえ一から実装すると大変そうですが、簡単に実現できてしまいます。 折りたたみも可能です 階層データをJSONで吐き出すこともでき、データの保存も簡単。またそのデータを元にツリーの描画も可能ということで便利。 関連エントリ ブラウザ上でサインを書けるjQueryプラグイン「jSignature」 ページめくりを実現するためのjQueryプラグイン集 レスポンシブなカルーセル実装jQueryプラグイン「Slastislide」 アイテムを浮遊
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
