タグ

formとdesignに関するnsyeeのブックマーク (4)

  • セレクトボックスに画像が使えるjQueryプラグイン | Web活メモ帳

    フォームのセレクトボックスに画像が使いたい。 そんな時にはjQueryプラグインの作り方を紹介している「Converting jQuery Code to a Plugin」が使えます。 このプラグインを使用すると、セレクトボックスに画像のURLを指定するだけで素敵なプルダウンに変更されます。 指定の方法ですが、data-iconというパラメータを指定するだけで良いようですね。 IEだと若干見た目が違うようですが、使いどころはありそうです。 ちなみにこのtutorialzineというサイトですが、Google App Engineの使い方やPHPの使い方などを詳しく紹介しています。 覚えたい言語のカテゴリがある方は要チェックかもしれません。

    セレクトボックスに画像が使えるjQueryプラグイン | Web活メモ帳
  • 今日から現場で使えるjQueryのフォーム関連プラグイン15選

    Webサイト制作で欠かせないのがフォーム。 これらは購入時や、お問い合わせ、ログインと言ったパーツで良く使われます。 今回はそんなフォームにスポットを当てて、なるべく使いやすく、導入しやすいものをご紹介いたします。 ただし、あくまでもjQueryプラグインのご紹介なので、よくわからないと言う方は華麗にスルーしてください。細かい導入方法までは説明しません。 機能性重視プラグイン In-Field Labels jQuery Plugin フォームの中に入っている文字がオンクリックでうっすらと消えていくプラグイン。 なかなかいい感じ。 Create a Progress Bar With Javascript | Nettuts+ demo シームレスにフォームの内容を変え、さらにどれくらい進んでいるかが%で確認できる。 overset - jVal - jQuery Form Field V

    今日から現場で使えるjQueryのフォーム関連プラグイン15選
  • Open Source Projects / formDesigner

    This jQuery Plugin allows you to skin standard form elements like select, input and textarea. Just edit the css file to customize your form. Skinning following form Current Version: 1.0.0 Project page - code.google.com (including documentation) Project page - plugins.jquery.com Compatibility: IE 7+, Firefox 2+, Chrome 4+, Safari 3+, Opera 7+

  • スタイリッシュなフォームを作るときに見るべきエントリまとめ

    Form Design フォームデザイン さてさて、最近のwebの入力フォームは当に凝ってるところが多くて、ただただ関心するばかり。 そんなわけで今回は、焦点を『フォーム』に限定し、スタイル抜群なフォームUIを勉強してみたい。 流れ的には インスピレーションデザイン集CSSによるフォームの変更方法JavaScriptによるフォームデザインという感じでお送りいたします。 インスピレーション まずは、スタイリッシュなフォーム。 これらは、webデザイン全体がフォームデザインとなっているまとめです。 まさにバインダー。 webの入力フォームを街頭アンケート用紙のように仕上げたデザイン。かっこいい。 くしゃくしゃっとしたような紙の一部にフォームが設置されている。 こちらもメモに名前を書くかのごとく。 深海に光がさす感じのイメージ。 シンプルイズベストなレイアウト設計がなされている。 1,2,3,

    スタイリッシュなフォームを作るときに見るべきエントリまとめ
  • 1