GAIAX IS A STARTUP STUDIO DETERMINED TO SOLVE SOCIAL ISSUES ガイアックスは、人と人をつなげるため、 ソーシャルメディアとシェアリングエコノミー領域、 web3・DAOを用いた事業に注力する 起業家輩出のスタートアップスタジオです。
Kontakt :: Thomas Aull :... / Contact Electric Pulp / Visual Republic ~ Handcr...他...全9件
2013年4月1日 Wordpress WordPressにはデフォルトで検索フォームが設定されているので、一行のコードを追加するだけで簡単に検索フォームを設置することができます。しかしその検索フォームは本当に簡易なもの。よりユーザーが使いやすくなるようにカスタマイズする方法をいくつか紹介します。実際にWebクリエイターボックスで使っているコードも公開しているので、ぜひ参考にしてみてください。 ↑私が10年以上利用している会計ソフト！ 検索フォームの設置方法 まずは基本編、フォームの設置方法です。自分でオリジナルテーマを作成したり、カスタマイズする時に地味にひっかかる検索フォームの設置方法（たぶん）。設置するだけなら以下の一行をテーマファイル内に記述するだけでWordPressが最初から用意しているフォームを実装することができます。 <?php get_search_form(); ?>
シンプルで柔らかい色合いのログインフォーム。なんと商用利用可能なPSDファイルだそうです。 （＊利用する際は必ずライセンスの確認をご自身でされてください） 参照元： Free PSD: Elegant Login Form Design | Premium Pixels 2:PSDfreemium 横長タイプのログインフォーム。サインインボタンの位置が右揃えではなく少しはみ出ています。反対側に配置してある「Lost Password?」も少しはみ出ているからバランス良く見えるのかな。 こちらも商用利用可能なPSDファイル。 （＊利用する際は必ずライセンスの確認をご自身でされてください） 参照元： Minimalist Login Form | PSDfreemium 3:wakoopa
ログインフォームを実装する際に、大切な7つの要素と重要な1つの機能を紹介します。 元記事では下記のCSS3で実装されたフォームもダウンロードできます。 フォームのタイトル このフォームが何についてのものであるか手短に説明されたタイトル。特に、ウェブサイトの名称を記すことは非常に重要です。 非メンバー用のリンク 非メンバーが偶然、このページを見つけてしまうことがあるかもしれません。そして、メンバーを増やすチャンスもあるので、登録ページへの誘導も行っておきます。 ラベルとフィールド ログインフォームは通常、2つのフィールドで構成されていますが、ラベルは読みやすいようにします。 パスワードを忘れた場合 これは同じく、非常に重要なリンクです。多くのユーザーは多数のアカウントとパスワードをもっているものです。そして、しばしばそれはあなたのサイトでどれなのか忘れてしまうことがあります。 また、配置する
クロスブラウザでクリップボードを扱えコールバック等で便利に使えるjQueryプラグイン「zClip」 2011年02月04日- zClip :: jQuery ZeroClipboard クロスブラウザでクリップボードを扱えコールバック等で便利に使えるjQueryプラグイン「zClip」 IE, Firefox, Chrome 等で問題なく動作するクリップボード用プラグインのご紹介です。Flashを内部的に使って、クロスブラウザを実現しています。 コピーしたいテキストはjQueryベースということで $(element) で指定することが出来るので超便利なのと、コピー前/後のコールバック関数を指定できることで、コピーが完了した際にメッセージを出したり、要素の色を変えたりすることが出来ます。 コードは次のようにシンプルに記述できます。Flashのパスなんかもここで指定できます。 jQuery
フォームの項目を入力すると、次の入力欄がアニメーションで表示されるコンテンツを実装するチュートリアルを紹介します。 Gravity Registration Form with Jquery デモページ [ad#ad-2] フォームの出来ぐあいは、ウェブアプリケーションとしての成功率を左右する要因となります。 一つのアプローチとして、ユーザーに入力欄の数を少なく感じられるように、入力する項目を一つずつ表示するスクリプトを紹介します。 フォームの実装 フォームの各項目は、リスト要素で実装しています。 HTML <form method="post" > <ul> <li class="email"><label>Email: </label><br/> <input type="text" username="email" id="email" AUTOCOMPLETE=OFF/><span
1
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く
