タグ

inputに関するriyokotterのブックマーク (2)

  • phiary

    デフォルトの input[type=file] ってなんか古臭い感じがしますよね? とはいえ CSS でスタイリングしようとすると, デフォルトでかかってるスタイルが複雑でちょっとハードルが高かったりします. そこで今回は『Dropify』という jQuery プラグインを使って input[type=file] をかっこ良くする方法について紹介します. 『Dropify』を知ったきっかけ 『phpspot開発日誌』さんのこちらのエントリーで カッコ悪いinput[type=file]をモダンにしてドラッグ&ドロップ対応にする「Dropify」:phpspot開発日誌 紹介されていて, 便利そうだったので使ってみました. 『Dropify』とは? オフィシャルに Override your input files with style とあるように input[type=file] をかっ

    phiary
  • input[type=file]をいい感じにスタイリングするチュートリアル:phpspot開発日誌

    Styling & Customizing File Inputs the Smart Way | Codrops input[type=file]をいい感じにスタイリングするチュートリアル 次のようなフラットでモダンな感じにスタイリングするチュートリアルがCodropsで公開されています。 関連エントリ 超カッコ良い検索フォームのチュートリアル&デモ プロダクトのツアーをjQueryとCSSで実装するチュートリアル 画像ホバー時のクールなエフェクト実装チュートリアル CSSアニメーションによるクリックアニメーション実装チュートリアル

  • 1