[B! フォーム][*web制作] hinokamoのブックマーク

Webサービス運営で覚えておきたい、登録フォーム作成の7つのポイント

ニーハオ！カヤックのHTMLファイ部のしんちゃんアル！中国出身の新卒です。入社して二ヶ月になりますが、日本語を一生懸命勉強しています。よろしくお願いいたします。さて、現在jsdo.itでは第二回HTML5実技コンテストを絶賛開催中！こんどのお題は「思わず登録したくなる登録フォーム」です。 Webサービスの制作においてついつい疎かにしがちな登録フォーム。実はとても大事なものです！今日は、登録フォームをつくる際に気をつけるべきポイントを7つにまとめました。これだけは欠かせない基本の要素6つ登録と無関係の要素はなるべく表示しないように！聞きたいことは最小限にして不安にさせない OpenIDを利用して登録手続きを超簡単に！バリデーションは色や動きでみせると効果的登録のメリットを表示しましょうアドバイスに縛られないで、そのサイトの個性に適した手法を使いましょう！これら一

hinokamo 2012/11/28

リンク

ログインフォームに大切な7つの要素と重要な1つの機能

ログインフォームを実装する際に、大切な7つの要素と重要な1つの機能を紹介します。元記事では下記のCSS3で実装されたフォームもダウンロードできます。フォームのタイトルこのフォームが何についてのものであるか手短に説明されたタイトル。特に、ウェブサイトの名称を記すことは非常に重要です。非メンバー用のリンク非メンバーが偶然、このページを見つけてしまうことがあるかもしれません。そして、メンバーを増やすチャンスもあるので、登録ページへの誘導も行っておきます。ラベルとフィールドログインフォームは通常、2つのフィールドで構成されていますが、ラベルは読みやすいようにします。パスワードを忘れた場合これは同じく、非常に重要なリンクです。多くのユーザーは多数のアカウントとパスワードをもっているものです。そして、しばしばそれはあなたのサイトでどれなのか忘れてしまうことがあります。また、配置する

hinokamo 2011/02/18

リンク

CSS3とjQueryでフォームを美しく装飾する方法

2014年8月22日 CSS, jQuery どんなWebサイトでも設置されているフォーム。なんの装飾もなく味気ないフォームより、デザインされたもののほうが連絡してみたくなるはずです！そんなフォームも少し手を加えるだけで素敵なデザインに変身させることができます。今回はCSS3とjQueryを使ってより美しいフォームを作成する方法を紹介します。 ↑私が10年以上利用している会計ソフト！フォームの仕様今回チャレンジするフォームの主な仕様です！グラデーション・ボックスシャドウを使って立体感を表現角丸で丸みをつける（モダンブラウザ）対応ブラウザ: IE7△, IE8△, IE9, Firefox, Chrome, Safari フォーム制作の流れ CSS3ってなんだ？という人もひとつひとつ記述していけば意外と簡単に作れるはずです！リンクをクリックで各項目にジャンプします。テキストボック