ログインフォームに大切な7つの要素と重要な1つの機能
ログインフォームを実装する際に、大切な7つの要素と重要な1つの機能を紹介します。 元記事では下記のCSS3で実装されたフォームもダウンロードできます。 フォームのタイトル このフォームが何についてのものであるか手短に説明されたタイトル。特に、ウェブサイトの名称を記すことは非常に重要です。 非メンバー用のリンク 非メンバーが偶然、このページを見つけてしまうことがあるかもしれません。そして、メンバーを増やすチャンスもあるので、登録ページへの誘導も行っておきます。 ラベルとフィールド ログインフォームは通常、2つのフィールドで構成されていますが、ラベルは読みやすいようにします。 パスワードを忘れた場合 これは同じく、非常に重要なリンクです。多くのユーザーは多数のアカウントとパスワードをもっているものです。そして、しばしばそれはあなたのサイトでどれなのか忘れてしまうことがあります。 また、配置する
ログインをもっと快適に オープンソースのログインフォーム10選「10 Open Source Login Pages Built With HTML5 & CSS」
ログインをもっと快適に オープンソースのログインフォーム10選「10 Open Source Login Pages Built With HTML5 & CSS」 会員登録ページや管理画面へのアクセスに使用するログインページ。シンプルなものが一般的ですが、こだわりを見せることでサイトのクオリティは高まります。今回はそんな時に参考にしたい、オープンソースのログインフォーム10選「10 Open Source Login Pages Built With HTML5 & CSS」を紹介したいと思います。 Sign in 10種類の、それぞれ個性をもったログインフォームがピックアップされています。 詳しくは以下 Login Form ログインフィールドにドロップシャドウがかかった、フォームやボタンのエッジが丸い、柔らかい印象のフォーム。フラットテイストなトレンド感を感じさせるデザインですね。
この方、先生と同じコーイチさんで、アイコンの似顔絵も似てる。そしてこのログインフォームはめちゃカワイイ twitter.com/koysd/status/9… — Yama Baked(@bluestar_music)Tue May 01 11:46:25 +0000 2018
Google, Slackなどの最先端のサービスのログインフォームで、メールアドレス欄とパスワード欄をわけるようになったのはなぜですか？
回答 (3件中の1件目) SAMLやOpenID Connectを使った認証連携や、FIDOをはじめとしたパスワードレス認証に対応するためですね。昔と違ってIDとパスワードが単純に紐付いているとは限りません。メールアドレスの入力とパスワードの入力で画面を分けていれば、そのメールアドレスのユーザーが例えばIdPとしてG SuiteやActive Directoryを利用している場合、メールアドレス入力後にパスワードの入力画面ではなく、IdPのログイン画面に遷移させることができます。またFIDOなどパスワードレス認証を使っている場合も、パスワード入力欄ではなく、生体認証の画面を出すことができ...
Making A Cool Login System With PHP, MySQL & jQuery ? Tutorialzine jQueryを使って簡単実装！かなりカッコいいログインフォーム作成のチュートリアル。 ページのヘッダーにあるログインボタンを押すと、ニュイーンとログインフォームが降りてくるというカッコいいログインフォームの実装演習になってます。 ログインボタンを押す ヘッダーからそのままログインフォームが降りてきてそこからログイン可能です。 ソースコードのダウンロードも可能です。 関連エントリ ログインフォームのデザイン集１００種 Twitter風のドロップダウンボックスなログインフォーム作成チュートリアル 超クールなログインフォームを作成するチュートリアル
ログインフォーム製作時に個人的に参考にしたいデザインのメモ。
シンプルで柔らかい色合いのログインフォーム。なんと商用利用可能なPSDファイルだそうです。 （＊利用する際は必ずライセンスの確認をご自身でされてください） 参照元： Free PSD: Elegant Login Form Design | Premium Pixels 2:PSDfreemium 横長タイプのログインフォーム。サインインボタンの位置が右揃えではなく少しはみ出ています。反対側に配置してある「Lost Password?」も少しはみ出ているからバランス良く見えるのかな。 こちらも商用利用可能なPSDファイル。 （＊利用する際は必ずライセンスの確認をご自身でされてください） 参照元： Minimalist Login Form | PSDfreemium 3:wakoopa
ニコニコ動画 ログインフォーム
【これはスゴい】グーグル流ログインフォームの最適化テクニック集【SEO情報まとめ】 | 海外&国内SEO情報ウォッチ
すべてのWeb担当者が読んで学んで絶対に損がない情報がでてきた。グーグルが公開した、サインイン（ログイン）用フォームのベストプラクティスを詳細に解説する記事だ。 SEOに直接関係する話題ではないが、UX改善のベストプラクティスとして（新しいHTML技術の情報も含めて）非常に有用だ。少しでも多くの人に教えたい。 ほかにも、今回はおもしろいネタが多い。GoogleのSERPでのタイトル書き換えを回避する超効果的な対策や、ソーシャルメディア活用ノウハウ、ラスタ画像からSVG生成などなど、あなたのサイト運営やSEOに役立つ情報を、今週もまとめてお届けする。 グーグルSERPでのタイトル書き換えは6割も!? 負け組titleタグ6つの特徴と超効果的な対策とは？ページの中身を変えず日付だけ新しくすればSEO効果ありますよね？「iframe埋め込み時だけインデックス可」indexifembeddedタグ
Simple and Effective jQuery Dropdown Login Formは、軽量でお手軽にログインフォームを設置出来るプラグインです。 ちょっとしたサイトのアクセント、Twitterみたいなログインフォームを設置したーいという人が何人かいたので共有。 クリックから展開 イメージ的には以下の様な。 中々美しいでしょ？ 設置方法 はじめにjQueryをGoogle先生から呼び出し、CSS、login.jsを読み込みます。 <link rel="stylesheet" href="css/style.css" /> <script src="http://ajax.googleapis.com/ajax/libs/jquery/1.4.2/jquery.min.js?ver=1.4.2"></script> <script src="js/login.js"></scrip
ログインフォームは変わった方法で実装しないで！
Webサイトのログインに使用するパスワードをどのように管理していますか？ 私は1Passwordで管理していますが、他にもChromeのパスワードマネージャーやmacOSのキーチェーンなどを使用している人も多いと思います。 そんなパスワードマネージャーとうまく連動するログインフォームを実装するためのポイントをまとめた記事を紹介します。 don’t get clever with login forms by Brad Frost 下記は各ポイントを意訳したものです。 ※当ブログでの翻訳記事は、元サイト様にライセンスを得て翻訳しています。 はじめに ログインフォームの避けるべき例 ログインフォームの適した例 はじめに 日増しに、私はログインフォームでイライラすることに気がつきました。1Password（私が使用している）やChromeのパスワードマネージャー（これも私が使用している）のような
ログインフォームのデザイン集１００種:phpspot開発日誌
100 Outstanding Login Forms | Design Reviver ログインフォームのデザイン集１００種が紹介されています。 以下は１００種という膨大なデザインの一例。これだけそろっているとお手本を探す手間は省けて、イメージどおりのフォームをクイックに真似ることが出来そうですね。 Nasibriyani lounge Virtual Paper Loginform すべて見る パターンにまとめてみて分析してみても面白いかも。 関連エントリ 黒ベースのダークでクールなWEBデザイン集 グラデーションをうまく使って立体感を出したサイトデザイン集 ベクターベースのダイナミックWEBデザイン集 韓国のすごいデザインサイト集
かっこいいWordPressのログインフォームデザインいろいろ
みんな大好きFlickrではグループ を作成出来るのですが、その中に WordPressのログイン画面の 入力フォームデザインのグループ があったのでご紹介します。 個人で使う分にはそのままでも良さそうですが、Web制作でWPをクライアントに渡すのにログイン画面がWordPressよりはクライアントのロゴなどでデザインされている方が喜ばれるのでは無いかと思います。言わないと分からないでしょうが＾＾；そんな訳でログイン画面の秀逸なデザインとログイン画面で使用されているｃｓｓファイルの場所を一番下に載せておきます。ソース見れば簡単に分かるんですけど一応。。 まずはギャラリーから。 Universidad San Andres 学校でWP使ってるようですね。敷地内の写真を利用したログイン画面で素敵です。 Universidad San Andres The NewReview › Log In
Leah Culver’s Blogで、ログインフォームとサインアップフォームを一体化するテクニックが紹介されています。 ↑の画像を見てもらうとわかるんですが、 メールアドレス（ユーザー名）とパスワードは共通 「I have an account」にチェックを入れると「Log in」ボタンに切り替わり、パスワード忘れのリンクを表示 「I’m new!」にチェックを入れると「Sign up!」ボタンに切り替わり、利用規約へのリンクを表示 といった仕組みになっています。 ログインフォームとサインアップフォームを分けなくていいので、シンプルで使いやすそうですね。 参考に、HurlとAmazonの例が載っています。見てみると、確かにAmazonもこういうインターフェースになっていることに気づきますね。 フォーム作成の参考にしてみてはいかがでしょうか？ Log in or sign up? 昨日はま
ログインフォームをクリエイティブに演出できるpsdデザイン集「15 Creative Free Login Form with PSD」
TOP > WebService > ログインフォームをクリエイティブに演出できるpsdデザイン集「15 Creative Free Login Form with PSD」 ユーザーが自分のページにログインするための玄関・ログインフォーム。シンプルになりがちですが、時にはデザインにもこだわりたいもの。そこで今回紹介するのが、デザイン性の高いログインフォーム素材を集めた「15 Creative Free Login Form with PSD」です。 ログインフォームにクリエイティブ性を持たせた、使いやすいデザイン素材が豊富に紹介されています。中でも気になったものをピックアップしましたので、下記よりご覧ください。 詳しくは以下 ■GraphicsFuel.com | Login form PSD アナログチックなボックスが可愛らしいデザイン。ポップなサイトをよりクリエイティブに演出
Build An Incredible Login Form With jQuery - NETTUTS 超クールなログインフォームを作成するチュートリアル ログインボタンを押すと、ビローンとアニメーションしながらカッコよくログインフォームを開くUIを作成するチュートリアルが公開されています。 Photoshopにはじまり、CSS、JavaScriptのコーディング手順が紹介されていて、とても有用です。 関連エントリ 超クールなタブインタフェースをjQueryで作成するチュートリアル JavaScript製の画像スライダー・ギャラリーいろいろ apple風のアニメーションする超クールなメニューを作成
Perfect signin dropdown box likes Twitter with jQuery|AEXT.NET Twitter風のドロップダウンボックスなログインフォーム作成チュートリアルが公開されています。 少ないスペースでサインインリンクを表示し、クリックで画面遷移なしにフォームを表示するということでスペースを有効に利用できます。 「Sing in」をクリックすると開きます。 デモページ サインインだけでなくて、他にも応用できそうですね。 関連エントリ jQueryを使ったブラウザ上で動作するLeopardデスクトップの構築 jQueryとPHPでダイナミックな投票スクリプトを作成 これは驚きの、CSSだけで作れる吹き出しボックス jQueryを使ったタグクラウド生成チュートリアル
サイトの来訪者を一般と登録ユーザーに分けて、コンテンツを見せたいと思うことはないだろうか？そんなとき WordPress では、「購読者」という権限でユーザー設定すれば、テンプレートでユーザーがログインしているかどうか確認し、コンテンツ表示を制御できる。 ところでユーザーのログインページだが、WordPress のログインページを利用するよりもヘッダーやサイドバーなどにログインフォームを設けて、そこでログイン操作ができればスッキリする。さらに、管理画面も表示禁止にできればもっと嬉しい。 ここでは、サイドバーにログインフォームを表示、ログイン後はログイン前の表示ページに戻りつつ、サイドバーにユーザー名を表示する仕方を見て行きたい。また、登録ユーザーの管理画面表示を禁止する方法も検討する。 サイドバーのテンプレートにログインフォームを設定する サイドバーにユーザー名、パスワード、ログインボタン
ユーザビリティを考える上では、ユーザの「慣れ」を考慮する必要があるということは、過去の実践メモでも何度か指摘してきました。 過去記事：「ユーザの慣れや先入観に配慮する」 そうした「慣れ」の代表例として、「ログインフォーム」が挙げられます。 ログインフォームの入力項目や並び順はほとんどのサイトで共通している 入力するID・パスワードも、多くのユーザは同じものを使い回している という特徴から、ログインフォームを利用するユーザは、ほぼ無意識的に行動する傾向が見られます。 特に、ある程度キーボード操作に慣れているユーザの場合、タブキーを利用して、 「ID入力→タブキー→パスワード入力→エンターキー」 という操作が身体に染みついていることがあります。 「他と違う」フォームは、ユーザのエラーにつながりうる とあるECサイトでは、次のようなログインフォームを用意していました。 このログインフォームでは、
600以上のログインフォームをチェック - everything might happen tomorrow - yhassy - builder by ZDNet Japan
55 Spectacular Login Form Designs すぐれたログインスクリーンを 55 つも集めたリンク集。特に目立つのがページの中央に大きくログインフォームを表示させているのが多数を占めています。まるで、OS やデスクトップアプリケーションのようなログインスクリーンのようですね。今後、独自 ID だけではなく、OpenID を導入した際に見やすいフォームを実現させるかが課題です。Digg が良い感じですが、他の見せ方も模索されていくでしょう。 100 Outstanding Login Forms こちらは倍の 100 のログインスクリーンを集めたリンク集。上記のまとめとかぶっているサイトも多数ありますが、ビジュアルよりラベルの付けた方のバリエーションをたくさん見ることが出来るのはこちら。ラベルとインプットフィールドの位置関係がフォームの書きやすさにどれだけ関わるのか検証
Log in or Sign up with Jquery and PHP jQueryとPHPを使ったサインアップとログイン兼用のログインフォーム作成チュートリアルが公開されています。 まず、E-mail を入力し、アカウントを持っているかもっていないかのradioを選択することで新規登録か、ログインかを切り替えることが出来ます。 jQueryでは、エレメントの表示/非表示を設定しており、サーバ側のPHPでは送られてきたパラメータを見てログインか新規登録かを判別します。 そのまま使っても便利ですが、PHPやjQueryの入門用としても使えるかもしれませんね 新規登録の場合 ログインの場合 関連エントリ ナビゲーションメニューを1歩進んだものに引き上げるjQueryチュートリアル集 アニメーションの残像が残るjQueryアニメーションチュートリアル PHPとjQueryのAjax連携の学習
ログインフォームって以外に作る時考えませんか？ 要素が少なくなれば少なくなるほど、レイアウトをどうするか、どうやって目を引くのか、jQueryなどを使うべきなのかと、迷ったり、考えたりすることは多いと思います。 そこで今回はログインフォームの機能的な物からデザイン的な物まで僕がこれまで参考にさせて頂いたサイトをご紹介。基本英語サイトですがサンプルとか置いてある物も多いので何かの参考になると思います。 DW Premium: A Clean & Stylish Login Form (PSD) [scshot url=”designwoop.com/2011/06/design-freebie-a-clean-stylish-login-form-psd/”] キレーな感じのログインフォームサンプルPSD。 Build An Incredible Login Form With jQuery
■ ホワイトリスト方式のOpenIDログインフォームは美しくない 先日のGINZA TECH LOUNGE feat. OpenIDで、OpenIDのログインフォームにはまだ決定版がないという話が出ていて、たしかに2.0になってからかえって混迷してきているように思う。 1.1の頃は「IDを単一のURLにすることでシングルサインオンが実現できる」というのがOpenIDが示すビジョンで、OpenID用のフォームの形式が統一されればブラウザが対応することで入力の手間も省けるようになるだろうという話だった。 個人的にはこれはとてもすっきりしていてよくわかるので、自分のOpenIDは頑なに一個だけ、この日記のURLを使うようにしている。Delegate先は時々変えているけど、最近はさすが老舗というか、安定しているのでTypeKeyで固定。ちょっと前まではてなを使っていたけど、ぜんぜんメンテされてなさ
ニコニコ動画 ログインフォーム
ニコニコはドワンゴが運営する日本最大級の動画サービスです。ニコニコ動画やニコニコ生放送、ニコニコ静画など、ゲームや音楽、エンターテイメントは全てニコニコで！
ニコニコ動画 ログインフォーム
このサイトは、サイバートラストのサーバ証明書により実在性が認証されています。 また、SSLページは通信が暗号化されプライバシーが守られています。 ©niwango, inc.
コーイチ on Twitter: "こんなログインフォームやばいでしょ、優勝。 https://t.co/ZFXIZNv6wB https://t.co/sCPhYGdsC4"
こんなログインフォームやばいでしょ、優勝。 https://t.co/ZFXIZNv6wB https://t.co/sCPhYGdsC4
@koysd 【ロジカル・ラテラル・クリティカルシンキング】 ログイン情報を面倒がらず入力させるアプローチ。 ロジカル：入力するよう指示する ラテラル：入力すると楽しい変化が起こるようにする クリティカル：他サイトのログイン情報を流用する クマはラテラル。クリティカルはOpenID。 — 吉澤準特/図解解説(@juntoku_y)Tue May 01 10:33:39 +0000 2018
ログインフォームが含まれる非 HTTPS サイトは安全でないと表示されます (影響あり) | Firefox サイト互換性情報
現在表示されているページに <input type="password"> が含まれていて、なおかつ接続が安全でない場合、Firefox はアドレスバーに 壊れた南京錠アイコン を表示するようになりました。パスワードが送信されるページだけでなく、ログインフォームが存在するページ自体も、リモートの攻撃者からユーザーのログイン情報を保護する ため HTTPS プロトコルを使用すべきです。 この機能は今のところ Firefox Nightly と Developer Edition のみで有効化されていますが、ウェブマスターの皆さんはそうした気まずい状況を避けたいと思うでしょう。TLS 証明書を購入する予算がありませんか？ 心配ありません。2015 年 11 月以降、Mozilla などが運営する新しい認証局 Let’s Encrypt が、信頼の置ける証明書を無償で提供します。 詳しくは Ta
【WordPressで会員制サイト】ログインフォームを設置し、権限によってリダイレクトするページを変える | Magicalog
WordPressで会員制サイトを作る場合、多くはプラグインのWP-Membersを使うと思います。しかし、そこまで大げさなものでもない場合、 ログインしているかどうかの判断 ログインフォームの設置 ログインした権限 で動作を振り分け、設定して、ちゃちゃっとやっちゃいたいと思います。 行いたい動作 会員のみ閲覧できるコンテンツを用意 非会員にはログインフォームを表示する 会員IDでログインした場合、任意のページにリダイレクトする ログインしているかどうかの判断 <?php if (is_user_logged_in()) : ?> ログインしている時に表示されるコンテンツ <?php else : ?> ログインしていない時に表示されるコンテンツ <?php endif; ?> 会員にだけ見せたい部分を「ログインしている時に表示されるコンテンツ」に記述します。 こうすることにより、その部分
Twitterで使われているような、ドロップダウン式のログインフォームを手軽に導入したいと言う人のための簡単コード。 jQueryで手軽に導入 サンプルデモ ダウンロードページ 2011/03/09(水) 09:14:31| jQuery | トラックバック:0 | コメント:0
ニコニコ動画 ログインフォーム
snoozer05さんのユーザーページです。
データベースを直接変更し、WordPressのログインフォームのIPロック解除と画像認証解除する方法 - operationservicebuの日記
この記事は、データベースを直接変更し、WordPressのログインフォームのIPロック解除と画像認証解除する方法を書いたものです。 ひとつ前の記事で、WordPressにログインできなくなったことを書きました。 自分がWordPressサイトのログインに失敗し、IPアドレスロックがかかりログイン出来なくなった。 - operationservicebuの日記 上記の記事にはぴらき（id:hapilaki）さんが以下のようなブックマークコメントをくださいました。 ちょっとまて、これはいったいネタなのかマジなのか、マジでわからん。もしマジだったらすまない、爆笑してしまったｗ( ´艸｀) 自分がWordPressサイトのログインに失敗し、IPアドレスロックがかかりログイン出来なくなった。 - operationservicebuの日記 すいません、ネタではなくマジです！ どうやら、一部プラグイン
『おさいぽ！ポイント』で『ロリポップ！』『heteml』『ムームードメイン』『グーペ』『カラーミーショップ』『30days Album』のお支払いができます。『おさいぽ！』なら即時決済できます。
今回の記事では、Webサービス開発などで参考になりそうな、かっちょいいモーダルウィンドウ（ダイアログ）のデザインをまとめてみました。 ウィンドウ枠や「閉じるボタン」をどんなデザインにするのか、など考えながら見てください。 モーダルウィンドウとは？ Webデザインでのモーダルウィンドウとは、背景が黒や白くなって親ページの上に子ページが立ち上がるものを言います。主に、ログインフォームや登録フォームなどを、インラインで表示させるのに使われます。 ※厳密な意味は、Wikipediaなどで調べてください。 AddThis Virb Build It With Me Awesome
ニコニコ動画 ログインフォーム
ニコニコはドワンゴが運営する日本最大級の動画サービスです。ニコニコ動画やニコニコ生放送、ニコニコ静画など、ゲームや音楽、エンターテイメントは全てニコニコで！
いつもniconicoをご利用いただきありがとうございます。 1/29（木）にログインフォームのデザインをリニューアルしました。 今回のリニューアルによりニンテンドーネットワークIDによるログインも可能となりましたので、ニンテンドー3DSで登録したニコニコアカウントをそのままご利用いただけます。 URL：https://account.nicovideo.jp/login ※以前自動入力されていたメールアドレスまたは電話番号/パスワードが自動入力されない方は、お手数をお掛けしますが、再度入力をお願い致します。 ※パスワードをお忘れの方は、こちらより再設定できます。 今後ともniconicoをよろしくお願いします。
SHA-2 このSHA-2と呼ばれる sha224 とか sha256 とか sha384 sha512 はまだ破られてないみたい。 でもSHA-1 の後継だから同じ手口で破られるのでは？と言われていて、2013年をメドに新しいのを開発するかも知れない。って書いてあった。 shaの後ろの数字はビットの長さを表しています。 IDとパスについて IDはメールアドレスではなく、任意の文字列を想定して作っています。 パスワードは不可逆暗号化しているので、このままの状態では「パスワード忘れ」の対応が出来ません。 パスワード忘れについては後日UPしようかと考えています。（まだ納得できる状態ではないので） 登録 ここでIDとパスを登録します。 フォームのHTMLは省いています。 ● $id に希望のIDを入力してもらい、$pass にパスワードが入っています。 ● ハッシュ化は念の為ソルトでやってます。
CSSでログインフォームをつくってみる
CSSでログイン画面で使われるフォームのスタイルを弄ったことが少ないのでやってみました。デザインを変えたいと思いながらも、デフォルトのまま使ってしまうことが多いコメントフォームなどのフォームのデザイン。この記事ではそのフォームのデザインを CSS ジェネレーターで簡単に作ってしまいます。 ここで作ったログイン画面の完成図はこんな感じ。 CSSを使ったログインフォームの作成 HTMLとCSSでログイン画面で使われるフォームを作ってみる。 HTMLの構造は以下の通り。ここではHTML5を使ってログイフォームをつくってみる。HTMLコードは以下の通り。 <!DOCTYPE html> <html lang="ja"> <head> <meta charset="utf-8" /> <title>formsample</title> <link rel="stylesheet" type="tex
CakePHP 2.0でログインフォームを作る | @blog.justoneplanet.info
■実装 app/Controller/UsersController.php App::uses('AppController', 'Controller'); /** * Users Controller * @property User $User */ class UsersController extends AppController { public $uses = array('User'); public $components = array( 'Session', 'Auth' => array( 'loginRedirect' => array('controller' => 'users', 'action' => 'index'),// ログイン後のリダイレクト先 'logoutRedirect' => array('controller' => 'pages',
ニコニコ動画 ログインフォーム
市蔵（itikura）さんのユーザーページです。私の名前は市蔵(いちくら)です。楽曲制作や音周りのエンジニアをしています。楽曲制作/Remix/UTAU/VOCALOID/映像やゲームのBGM制作/録音/音声作品の制作ご依頼、ご相談、ふんわり受け付けています。メールかTwitterにご連絡ください。My name is itikura(市蔵).I work as a compo
ブラウザがログイン情報を覚えてくれないこと多いじゃないですか。 ユーザ名とパスワードを入力＆ログインボタンを押してくれるブックマークレットを作ってみました。 ただ、サイトごとに作り替えないといけないレベルの代物です。 ■概要 javascript:(function(){ //ユーザ名を入力 n=document.getElementsByName("username"); n.item(0).value="usernameHERE"; //パスワードを入力 p=document.getElementsByName("password"); p.item(0).value="passwordHERE"; //フォームを実行 f=document.getElementsByTagName('form'); f.item(0).submit(); })(); サイトに合わせて変更が必要な項目は
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
こんな可愛いログインフォームがあるらしいぞｗｗｗｗｗ(※GIFあり) : VIPワイドガイド
jQueryを使って簡単実装！かなりカッコいいログインフォーム作成のチュートリアル:phpspot開発日誌
Twitterのようなログインフォームを設置出来るjQueryプラグイン
ログインフォームとサインアップフォームを一体化するテクニック – creamu
超クールなログインフォームを作成するチュートリアル:phpspot開発日誌
Twitter風のドロップダウンボックスなログインフォーム作成チュートリアル:phpspot開発日誌
WordPress ログインフォームをページ上に表示してログインするには – MT Systems
「ログインフォーム」は慣れが大事 (ユーザビリティ実践メモ)
サインアップとログイン兼用のログインフォーム作成チュートリアル:phpspot開発日誌
ログインフォームを作る時参考になりそうなリソース盛りだくさん | バンクーバーのうぇぶ屋
ホワイトリスト方式のOpenIDログインフォームは美しくない - ただのにっき(2008-09-12)
このログインフォーム、センスありすぎｗｗｗｗｗｗｗｗ これいいなｗｗｗｗｗ : ふぇー速
ITクオリティ シンプルで効果的なjQueryドロップダウン式ログインフォーム
おさいぽ！ -ネットのおサイフ- ログインフォーム
ログインフォームなどで使う、かっこいいモーダルウィンドウのデザインまとめ
ログインフォームがリニューアルしました。‐ニコニコインフォ
ログインフォーム（ソースコード）パスワードのハッシュとID重複チェックなど - Qiita
[ブックマークレット][javascript] ログインフォームを自動入力するブックマークレット