Dropify - ファイルアップロードを格好良く！ MOONGIFT
HTMLのデザインでいけてないのは入力系ではないでしょうか。特にファイルアップロードのフォームはダサいも良いところです。HTML5になってファイルをドラッグ&ドロップでアップロードできるようになったことでずいぶん良くなっています。 しかしデフォルトで格好良いわけではありません。自分でカスタマイズする必要があります。そこで使ってみたいのがDropifyです。 Dropifyの使い方 上が通常、下がDropifyを使った場合です。 デフォルトの画像を適用したり、ボックスの高さを指定することができます。 こちらは無効な場合。打ち消し線が良い感じです。 多言語対応もしています。 Dropifyを使えばファイルアップロードフォームが華麗に変身します。ドラッグ&ドロップはもちろん、プレビューも表示されます。その意味では画像に限定されるかと思いますが、積極的に使っていきたいライブラリです。 Dropif
意図しないドラッグ＆ドロップによる誤操作を未然に防いでくれる便利ソフトウェア「AlterDnD」を使ってみました
マウスやノートパソコンのタッチパッドを使用する際に発生すると困ったりイライラしたりする問題の1つが、誤操作によるドラッグ＆ドロップです。誤操作でドラッグ＆ドロップしてしまうと、隣のファイル内や、最悪の場合ゴミ箱に無意識のうちに移動してしまい、「あれ？さっきまでデスクトップにあったはずのファイルが見当たらない」となることがあり、大変やっかいです。「AlterDnD」はマウスの左ボタンによるドラッグ＆ドロップ操作を変更し、やっかいな誤作動を未然に防いでくれるとのことなので実際に使用してみました。 AlterDnD (ドラッグ＆ドロップ改変ツール) プロジェクト日本語トップページ - SourceForge.JP http://sourceforge.jp/projects/alterdnd/ 上記URLを開いたら「ダウンロード」をクリックして、ダウンロードページを表示します。 ダウンロードペー
[JS]ページ上のコンテンツを指定エリア内でレイアウト変更可能にするスクリプト
リストのアイテムやサイドバーの各コンテンツなど、ページ上のコンテンツをドラッグ&ドロップで移動し、それをクッキーに保存するjQueryのチュートリアルを紹介します。 jQuery: Customizable layout using drag and drop [ad#ad-2] デモ 実装 デモ デモでは簡単なリストのアイテムの順番変更からページのレイアウト変更まで、ドラッグ&ドロップで移動が可能です。 demo1からdemo3は、レイアウト変更までのステップという感じです。 demo 3: Implementation in a real design 最終的には、ページ内の指定コンテンツが指定エリア内で移動が可能で、その内容をクッキーに保存します。 例：打ち出しエリアの3つのコンテンツ、サイドバーのコンテンツ 実装 外部ファイル 実装に使用するスクリプトは「jquery.js」「jQ
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
