そこそこユーザビリティの高いフォームを作った
そこそこユーザビリティの高いフォームを作った 入力内容の検証とか、郵便番号変換を備えた、そこそこ使いやすいフォームのテンプレートを作りました time2014/01/18 hatenabookmark- 去年末実家に帰省していた時に、jQueryの練習＆業務で使うために、フォームバリデーションとか郵便番号変換とかを備えた、そこそこユーザビリティの高い入力フォームをコーディングしていたので、ここで公開しておきます。 フォームサンプル ソースお持ち帰り用 (Github) ここで"そこそこ"と言っているのは、もともと業務でユーザビリティ改善案として使うことが目的であって、ベストを目指してもサーバ制約やコスト的な観点で使えないことがあるから、そこは目指さないよという意味です。そもそも、フォームは必要悪ですし、ベストはフォームが存在しないことですね。 フロントエンド実装だけです（サーバ側スクリプト
Googleスプレッドシートをアンケートや応募で便利に使う方法 - ネタフル
Googleスプレッドシートのフォーム機能をご存知でしょうか？ アンケートやプレゼント応募用のフォームを作成すると、入力内容を自動的に集計できるのです。これがとっても便利！ ぼくは主に、 ・ネタフルのプレゼント応募 ・ネタフルのアンケート ・イベントの申し込み などに利用しています。 手軽に作成できて集計も自動で、シートを共有したりもできるので、かなり便利に利用しております。 簡単に使い方を説明しましょう。 Googleドキュメントから「新規作成」で新しい「スプレッドシート」を作ります。 メニュー「フォーム」から「フォームの作成」を選択します。 続いて、質問項目を追加します。 「無題フォーム」はフォームのタイトルです。必要に応じて説明文を入力します。 それぞれの項目は鉛筆アイコンをクリックして編集します。 鉛筆アイコンは項目の右上にあります。 質問の形式は、 ・テキスト ・段落テキスト ・
CSS3とjQueryでフォームを美しく装飾する方法
2014年8月22日 CSS, jQuery どんなWebサイトでも設置されているフォーム。なんの装飾もなく味気ないフォームより、デザインされたもののほうが連絡してみたくなるはずです！そんなフォームも少し手を加えるだけで素敵なデザインに変身させることができます。今回はCSS3とjQueryを使ってより美しいフォームを作成する方法を紹介します。 ↑私が10年以上利用している会計ソフト！ フォームの仕様 今回チャレンジするフォームの主な仕様です！ グラデーション・ボックスシャドウを使って立体感を表現 角丸で丸みをつける（モダンブラウザ） 対応ブラウザ: IE7△, IE8△, IE9, Firefox, Chrome, Safari フォーム制作の流れ CSS3ってなんだ？という人もひとつひとつ記述していけば意外と簡単に作れるはずです！リンクをクリックで各項目にジャンプします。 テキストボック
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
フォームコード生成
