あのダサいデザインとはおさらば! input[type=file] をかっこ良く表示できる jQuery プラグイン『Dropify』の使い方 | phiary

2015/10/30 38 users phiary input File 百聞 type

デフォルトの input[type=file] ってなんか古臭い感じがしますよね？ とはいえ CSS でスタイリングしようとすると, デフォルトでかかってるスタイルが複雑でちょっとハードルが高かったりします. そこで今回は『Dropify』という jQuery プラグインを使って input[type=file] をかっこ良くする方法について紹介します. Runstant Demo 一見は百聞にし... 続きを読む

カッコ悪いinput[type=file]をモダンにしてドラッグ＆ドロップ対応にする「Dropify」:phpspot開発日誌

2015/10/13 67 users input File type phpspot開発日誌

カッコ悪いinput[type=file]をモダンにしてドラッグ＆ドロップ対応にする「Dropify」 2015年10月13日- Dropify ?Override your input files with style. カッコ悪いinput[type=file]をモダンにしてドラッグ＆ドロップ対応にする「Dropify」 次のようにモダンな形にしてくれます。クリック領域も大きくなって、使いやす... 続きを読む

Dropify - ファイルアップロードを格好良く！ MOONGIFT

2015/09/08 37 users MOONGIFT ダサ デフォルト HTML ファイル

HTMLのデザインでいけてないのは入力系ではないでしょうか。特にファイルアップロードのフォームはダサいも良いところです。HTML5になってファイルをドラッグ&ドロップでアップロードできるようになったことでずいぶん良くなっています。 しかしデフォルトで格好良いわけではありません。自分でカスタマイズする必要があります。そこで使ってみたいのがDropifyです。 Dropifyの使い方 上が通常、下がD... 続きを読む