以前にも「テキストボックスのリストをタグに変えてくれる『TextboxList』」で紹介したことがあるけど、似たスクリプトのご紹介。 フォームに入力してEnterを押すと、ぽんぽんとタグ風にリストしてくれます。 かっこいいフォーム作成に使ってみてはいかがでしょうか？ » Autobox2 今日もばり天気いーですねーGW気分だな。
フォーム内容をタグ風に見せてくれる『Autobox2』 – creamu
以前にも「テキストボックスのリストをタグに変えてくれる『TextboxList』」で紹介したことがあるけど、似たスクリプトのご紹介。 フォームに入力してEnterを押すと、ぽんぽんとタグ風にリストしてくれます。 かっこいいフォーム作成に使ってみてはいかがでしょうか？ » Autobox2 今日もばり天気いーですねーGW気分だな。
ウノウラボ Unoh Labs: フォームのユーザビリティを改善する10のTips
miyakeです。Webアプリケーションにおけるユーザーインタフェースの代表格と言えばフォーム。今日はそんなフォームのUIを作るに当たって、普段自分が心掛けていることをつらつらとご紹介します。 ■チェックボックスやラジオボタンはfieldset,label要素でくくる チェックボックスやラジオボタンには一般的にその内容を表すテキスト（ラベル）が付けられますが、input要素だけでマークアップした場合、チェックボックス（ラジオボタン）の部分しかクリックすることができません。 label要素を用いることで、ラベルの部分をクリックしてフォームを操作することが可能になります。これは是非設定しておきましょう。 ラベルをクリックできると思って期待を裏切られると、かなりのストレスになりかねません。 また、そのチェックボックスやラジオボタンのグループをfieldset要素で囲んでおくことをお勧めします。マ
テキスト入力欄の内側にアイコンを表示する - ［ホームページ作成］All About
テキスト入力フォームの内側にアイコンを表示 無味乾燥なテキスト入力欄の内側を、アイコンを使って装飾してみましょう。 アイコンで機能を表現すれば、入力欄の目的を明確にする役にも立ちます。 例えば、以下のように検索機能を示すアイコン「」を表示すれば、 検索語を入力するためのテキスト入力欄であることが分かりやすくなるでしょう。
会話するように検索させるインターフェース | SIMPLE*SIMPLE
最近はどのサイトにもついている「検索」機能。その検索をちょっとだけ親しみやすくしてくれるインターフェースとして以下はいかがでしょう。 ↑ 「何を探す？」の答えを吹き出しの中に入れられます。 サイトと会話しているようでなかなか素敵ですね（でもない？）。 実装されているサイトはこちら。 » Wishpot – Save and share your favorite products
実践アクセシブルHTML - フォームは送信してもらえばこそ
こんなフォームはイヤだ！ フォームとは、HTMLのFORM要素などによってマークアップされているコントロール群の塊のことです。さまざまなウェブサイトにおいて、主に問い合わせのページであるとか、サイト内検索のためのキーワード入力用にだとかで利用されています。コミュニティ機能を備えているようなサイトであれば、掲示板システムのようなところでも使われていることでしょう。フォームのないウェブサイトのほうが珍しいのではないでしょうか。それくらい、制作側にもユーザーにも身近なものです。 INPUT要素やTEXTAREA要素などといった、フォームのコントロール各要素の機能はブラウザによって提供されているため、どのようなブラウザであってもその操作感に大きな違いが出ません。しかしコントロールごとの操作に違いが出ないといっても、フォーム全体としてはやはり使いやすいフォームと使いにくいフォームというのがあります。
Spookies Labs Blog | シンプルな日付選択用ライブラリ「protocalendar.js」を公開しました
prototype.js ベースの日付選択用 javascript ライブラリ「protocalendar.js」を公開しました。 rails や cakephp でアプリケーションを作っていて、セレクトタグでは日付を選択し辛いと感じていました。 また、オープンソースの Date Picker ライブラリでは機能不足、もしくはオーバースペック過ぎて手頃なものがないと感じていました。 そこで、社内で prototype.js ベースの日付選択用ライブラリを作ってみようということになり作ってみました。 今後もバージョンアップしていきたいと考えているので、ご意見ご要望などありましたらコメントでお願いします。 【特徴】 *prototype.js ベース（1.5 以降）。 *シンプルで軽量。 *MIT LICNESE *16のローカライゼーションに対応。 *フォーカスでカレンダー表示。（
Mootoolsで実装するクールで使いやすい日付ピッカー『Calendar A Javascript class for Mootools』 – creamu
DiaryTechnology Mootoolsで実装するクールで使いやすい日付ピッカー『Calendar A Javascript class for Mootools』 クールな日付ピッカーを実装したい。 そんなあなたにおすすめなのが、『Calendar A Javascript class for Mootools』。Mootoolsで実装するクールで使いやすい日付ピッカーだ。 これは本当にかっこいい。日付入力フォームの横のボタンをクリックするとカレンダーがフェードインしてくれ、日付を選択するとフェードアウトする。 写真付きのデザインカレンダーも紹介されているのも面白い。 copyrightについて表記はないのだが、 「f you like Calendar, also check out Slideshow: a javascript class to stream and ani
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
IDEA * IDEA
pForm - Free HTML Form Builder - Create Web Form Template Online
フォームのデザインいろいろ - DesignWalker