サインアップのフローであれ、マルチビュー・ステッパーであれ、ありきたりのデータ入力であれ、「フォーム」はデジタル・プロダクト・デザインにおいて最も気を遣わなければならないものの1つです。 そこで、今回は一般的にフォーム・デザインで何をやり、何をやらざるべきかについてお話したいと思います。あくまで一般的なガイドラインですので、そのようなものとしてご理解頂いた上で、皆さんの参考になれば幸いです。
![優れたフォームをデザインする](https://cdn-ak-scissors.b.st-hatena.com/image/square/accfedb7700d97fe5f32a380683b20054053fe0c/height=288;version=1;width=512/https%3A%2F%2Fmiro.medium.com%2Fv2%2Fresize%3Afit%3A1200%2F1%2ALJ0JHTq5_k1u23Fl9XTNmA.jpeg)
ラジオボタンを使った画像ギャラリーを作りましたので紹介してみます。かなり変わった使い方ですが、CSSの勉強にもなると思いますのでぜひ。 今回は古いブラウザ(IE7,8)でもそれなりに対応できるようにしましたので、そこそこ実用的だと思います。 別サーバーにサンプルを用意していますので動作確認していただければと思います。 HTML ではまず外部ファイルの読み込みから。 <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js" type="text/javascript"></script> <!--[if (gte IE 6)&(lte IE 8)]> <script type="text/javascript" src="js/selectivizr.js"></script> <![endif
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く