クロスブラウザ対応で、あらゆるデザインに柔軟に対応可能なフレキシブルでカスタマイズに優れたフォームのフレームワークを紹介します。 Formee - Fresh baked forms for your websites! デモページ Formeeは新規にフォームを作成する際だけでなく、既存のものをカスタマイズする際も想定して作成されたフレームワークです。 既存のフォームのセレクトボックスを下記のようにスタイリッシュに変更することも簡単です。
jQuery UI Selectmenu: An ARIA-Accessible Plugin for Styling a Custom HTML Select Element Update: For those interested in using this plugin: we now recommend that you download the source from Felix Nagel’s revisions of our plugin, as he’s made many improvements since we first published it. You can find Felix’s branch on Github here: http://github.com/fnagel/jquery-ui. To download a zip, look for th
Editable/read-only modes Disabled mode Custom filtering Sorting Custom templates for list items Event handlers in custom templates Showing the number of selected items Selecting multiple options Marking as a required field Adding a hidden label Adding free text Accessibility support Groups in the drop-down list Editing/deleting options Dynamic rendering Integration with dhtmlxForm Data loading fro
noupeにエントリーされている、AJAXを使った素晴らしいCSSのフォームの47のサンプルの紹介です。
Li'l Engineのエントリー「ユーザビリティフォームのためのチェックリスト」の意訳で、ユーザビリティの高いフォームを制作するための12のポイントの紹介です。 Checklist for Usability Forms 不明な箇所は英文のまま記載してましたが、皆様の協力により3,5を和文にしました。 フォームは正しく入力できるように、可能な限り簡潔に。 フォームには、必要なインフォーメーションを含める。 タイトル:なんのためのフォームか フォームのヘルプ キャンセル(中止)の選択肢 入力すべき項目は、多くしない。 重複する入力項目は設置しない。 フォームの公開後しばらくしたら、収集したデータが実際に使用されているかチェックする。利用されていないものがあれば、収集しないようにする。 長いフォームは紛らわしいので、分ける。 タスクごとに分ける それぞれのページごとにチェックをし修正すること
HTML/CSS We take your design files and convert them into a neat, hand-coded, SEO optimized markup, thoroughly tested in all modern browsers. Starting at $192 website We will provide you with an easy-to-update and feature-rich website based on WordPress, Drupal, Magento, Shopify, Joomla! and others. Starting at $231 email We will convert your design to an HTML email template, compatible with all mo
Wufoo HTML Form Template & CSS Design Gallery The Wufoo Form Gallery is a resource for web developers and designers to help get a head start on data collection.用途別に使えるフォームのテンプレート集「Wufoo HTML Form Template」 フォームには実に様々な種類がありますね。 例えば、メーリングリスト登録フォーム、コンタクトフォーム、ToDoリスト、アンケート、注文。 そういったフォームのテンプレートが予め用意されていて、ダウンロードで簡単に使えるテンプレート集を集めたサイトが「The Wufoo FORM Gallery」です。 HTMLテンプレートのほか、CSSのテンプレートもダウンロードできます。 フォーム作成
Form field hints with CSS and JavaScript (Ask the CSS Guy) My co-workers pointed out a nice effect on the Vox registration form. 入力フィールドにカーソルを合わせた際に吹出しヒント表示するCSS&JavaScriptサンプル。 次のように、入力フォームにカーソルを合わせた時点でそのフィールドのヒントを表示できます。 フォームの入力フィールドの下に説明を書くよりも、ポップアップしてヒント表示したほうがユーザビリティ的によさそうですね。 要素の表示/非表示処理をJavaScriptによって行っていて、綺麗なHTMLによる実装が可能な点もいいです。 また、サンプルが1ファイル+画像1枚とシンプルなので、あまりJavaScriptやCSSの知識のない方でも、ちょこっと変え
Tableless forms consider this a very important step in learning web design the right and straightforward way. CSS is no longer just a way of adding some simple styles to an element in your page. CSSでデザインされたテーブルレスでクールなフォームサンプル。 次のようなフォームのサンプルがダウンロードできます。 HTMLとCSS、画像がセットになっているので、ちょっと編集していろいろと応用できそう。 ログインの横にアイコンが表示されていると直感的かつ、オシャレなフォームになってますね。デザイン面で参考に出来そうです。 関連エントリ ブログのコメント部分やコメントフォームのデザインを色々集めたサイト
JavaScriptでフォームの値をリアルタイムにバリデートするライブラリまとめ。 バリデートするライブラリも沢山でてきました。とここら辺で一度まとめておきました。 Really easy field validation (デモ) - 入力値がおかしいと、エラーメッセージをフェードインさせながら超クールに表示できます。 ※ ページの最後で使い方紹介(これは良いです) Remember the milk風の登録フォームも作れそう prototype.js依存。 Realtime validation using Ajax (デモ) - Ajaxなどを駆使して、入力値を動的にチェックするライブラリ Validate.js (デモ) - リアルタイムではないけど、入力値をチェックするためのライブラリ Tooltip for forms - 入力チェックではないけど、フォームの入力ヒントを出して
This webpage was generated by the domain owner using Sedo Domain Parking. Disclaimer: Sedo maintains no relationship with third party advertisers. Reference to any specific service or trade mark is not controlled by Sedo nor does it constitute or imply its association, endorsement or recommendation.
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く