当サイトのイラスト等は更生作業の一環として制作し 無料配布をしています。ご希望のイラストや3D素材が ございましたらメールフォームからご連絡ください。
TOP > Design > チェックボックスとラジオボタンの無料jQueryプラグイン「12 Free jQuery Checkbox and Radio Button Plugins」 webサイト上で何かを選択する際に利用することの多いチェックボックスとラジオボタン。デザインされることはあまりなく、比較的シンプルでベーシックなタイプが利用されることがほとんどですが、今回はそこにデザインや独自の動きを追加できる、チェックボックスとラジオボタンの無料jQueryプラグイン「12 Free jQuery Checkbox and Radio Button Plugins」を紹介します。 Bootstrap Switch · Turn checkboxes and radio buttons in toggle switches 派手な演出ではありませんが、取り入れることでデザインが
ここ半年間の間に、立て続けに3人の友人から引越し先の部屋探しに付き合いを求められました。こんな偶然ってあるんですね! その影響からか、ネットでの不動産探しが趣味になってしまいました。今では本気で引越しようかと目論んでいます。 そこで、今回はこの半年間で「この部屋に住みたい!」「このマンションはお洒落だ!」だと思わず、本気で引越しを考えてしまったサイトを紹介しています。よければぜひ参考にしてくださいね! あなたも引越したくなるサイト集 ジョイライフスタイル ■URL:http://joylifestyle.jp/ ■特徴:生活シーン別に20種類以上にカテゴリーされています。例えば「ペットと暮らす」「天井が高い」「バイク駐輪」など。サイト構成も少ないクリック数で詳細ページへ行けて非常にわかりやすくサイトです。物件ページごとにフォームあり。 ■地域:東京都
「海外ではABテストが盛ん」という言葉を耳にし、その内容が気にはなるものの、実際にそのノウハウや事例を外国語で仕入れるのは一手間だと、先送りにしてしまう人も多いのではないでしょうか。(かくいう私も「先送り」の日本代表です。) そんな皆様の一手間を解消すべく、海外のABテストの事例とその要点を日本語でまとめてみました。 普段から気になっている海外の事例を、どうぞサクッと日本語で仕入れちゃってください。 ※本記事は2014年5月19日に公開された記事をLISKUL編集部にて再編集したものです。 グローバルナビゲーションの削除とフォームの変形でCVR336%http://unbounce.com/a-b-testing/how-a-single-a-b-test-increased-conversions/ ・オリジナルページの特徴は、上部に分厚いグローバルナビが配置されていることと、右カラムに
こんにちは。 LIGフィリピン支社代表のせいとです。 お問い合わせフォームといえば、どんなサイトにも大体備わっているものですよね。 どのフォームも見た目は大体同じのため、構築自体は簡単かと思います。 ただし、システムが絡んだり、ユーザーに操作してもらったりと、けっこう重要なページであったりもします。 そこで今回は、ユーザーにとってより快適なフォームを実現するためにオススメしたいクールな技をお伝えしたいと思います。 また、今回の記事を書くにあたり、デモページを作成しました。 こちらのソースも見ながら読んでいただくと、よりわかりやすいかと思います。 ユーザーフレンドリーで構築もしやすいクールなお問い合せフォームをコーディングする9つのTips 1. ボタン系の要素は全て<button type=”submit”></button>を使う 「送信する」「入力画面に戻る」などの要素を作る際、タグは
皆さんこんにちは。ギャプライズ鎌田(@kamatec)です。 今日は過去私が数百社という企業のプランニング・運用をしてきた中で実証した、 最も「手早く」「確実に」コンバージョンを伸ばす方法をご紹介します。 それがEFO、つまり「エントリーフォームの最適化」です。 Webサイトをリニューアルしなくとも、LPを作らなくとも、 エントリーフォームを変えるだけでコンバージョンは劇的に変わるのです。 実際の事例をいくつかご紹介しましょう。 Case1:ブライダル系サービスのEFO事例 http://www.primavera-wedding.co.jp Case2:ギャプライズクリックテールサイトのEFO事例 https://contentsquare.gaprise.jp/ Case3:システム系BtoBサービスのEFO事例 これらの事例はいずれも変更したのはエントリーフォームだけです。 特にフォ
「Contact Form 7」はお問い合わせフォームを簡単に設置でき、様々なカスタマイズも可能なので、多くのサイトで紹介・使用されているプラグインのひとつだと思います。 公式サイトでも多くの情報がありますし、人気のあるプラグインなので検索でもいろいろと出てはくるのですが、これだけ見れば良いっていう自分好みの感じのものを作りたかったので、使う頻度が高い使用方法やカスタマイズなどを備忘録としてまとめてみました。 紹介している内容は、WordPress Ver 3.5.1 と Contact Form 7 Ver 3.4.1 で確認等行ったものです。 Contact Form 7について フォームを作成する際、ほとんどの場合PHPなどのプログラミング知識が必要になってきます。 よほどの知識・技術がある人であれば容易に作ってしまうのかもしれませんが、ゼロからのフォーム作成は結構面倒ですし、知識が
起業するまでは、あたりまえに会社に存在したいろいろな申請書類。 起業後はそういう書式も全て自分で作る必要があります。 今回は、起業後にあった方がいいなって思われる社内の申請書類をGoogleフォームやスプレッドシートで作成したものを公開させていただきます。 今回の記事は、たまにGoogle検索が嫌いになりそうになりますが、基本Googleが大好きな小松宣郷が担当です。 ※ 起業時じゃなくても、旅費の精算や購買申請など紙をお使いの企業さんは結構使えるかも。 あと、エントリーフォームなどは自社の求人ページに埋め込むだけで使えるので、都度都度で採用したい人材って変わると思うので、その都度編集するなどすれば便利だと思います。 使い方は、各書式のリンクからテンプレートを開いて頂き、コピーして自社用に加工してお使い頂ければと思います。 ※ スプレッドシートはロックかけてますが、フォーム送信するとスプレ
※2012-04-07 セキュリティ面の問題に関して追記しました。 今日は、ウェブページの入力フォームでユーザーが楽にしかも正確に入力できるようにできる(可能性を秘めた)、新しいHTMLの仕様についての情報を。autocomplete属性に関する新しい仕様です。 グーグルは、入力フォームに自動入力する仕組みに関して、新しい仕様を提案しました。HTMLの仕様を拡張することで、ブラウザでフォームに自動入力する仕組みを使いやすくするものです。 これがうまく動作すると、フォーム入力が非常に楽になり、ミスもほぼなくなります。 どれぐらいすごいかというと、ちゃんと設定したブラウザを使うと、フォームで3クリックするだけで、一般的な項目が一気に入力されるのです。 たとえば、この状態から、 名前や住所などの標準的な項目が、一気に自動入力されます。 どうでしょう。こうした機能をサイトに設けられたら、フォームの
以前のスクリプトがGoogle App Scriptの変更により動作しなくなったため、下記内容は、2014年7月1日に改訂しました。今後もGoogle App Scriptのバージョンアップによって、動作しなくなる可能性があります。予めご了解ください。 Googleドキュメントのフォーム機能を利用して、参加申し込みフォームなどを作成した場合、申し込みした人に受付完了メールを送りたい場合があると思います。そいうときは、Google Apps Scriptを使えば、実現可能です。 Google Apps Scriptについては下記のサイトを参考にしてください。 http://codezine.jp/article/detail/5036 ここでは、フォームの送信時に、送信された内容を申し込み人が入力したメールアドレスと管理者側であらかじめ設定したメールアドレスにメールするScriptのサンプル
あなたのWebを入力しやすくするjQueryプラグイン10選:CSSの書き方も分かるjQueryプラグイン実践活用法(終)(1/5 ページ) jQueryと、そのプラグインの使い方を、UI効果(エフェクト)のテーマごとに紹介する連載。jQuery/JavaScript/HTMLコードだけではなく、CSSの書き方も解説することで、より実践的にjQueryプラグインを使うための参考ドキュメントになることを目指しています。 前回の「画像や動画を綺麗に回転/拡大するjQueryプラグイン」では、イメージを回転させたりズームインする「jCarousel」「Zoombox」プラグインの使い方を解説しました。今回は、フォームを使いやすくするための各種プラグインを、以下のようにチェックボックス/ラジオボタン、ドロップダウンリスト、テキストボックス/テキストエリア、フォームのカテゴリ別に分類して紹介します。
A-Form 自由度の高いフォームを簡単にいくつでも追加することができる MovableType/MTOS 対応プラグインです。 個々のフォーム作成は、Movable Typeの管理画面上から行うことができ、テンプレートカスタマイズの知識を必要しません。フォームは複数のブログ、エントリー (ブログ記事やウェブページ) の好みの場所に埋め込むことができます。このため、同じフォームを製品紹介ページとニュースページの両方に埋め込むなどの使い方が可能です。 また、通常のお問い合わせフォームとしてだけでなく、同一ページ内で開催案内と参加受付(フォーム)が完結する「イベント告知ページ」を作ったり、コラム記事の文中に「アンケートフォーム」を設けたり、といったさまざまな応用ができます。 さらに、ビジネス活用する際には重要なフォームの死活監視機能や、コンバージョン率改善を支援する機能まで標準で備えています。
Movable Typeに自由度の高いフォームを簡単に複数設置することができ、なおかつフォーム作成はドラッグ&ドロップによる直感的なレイアウトが可能なので、カスタマイズの専門的な知識は不要。また、控えメール送信機能や、受付データをCSVファイルでダウンロードする機能もあり、さらにはアクセス数やエラーログのアクセスレポート機能、そしてフォームの稼動状態を定期的にチェックして管理者にメール通知する死活監視機能までが付いているというかなり高機能なフォーム作成プラグインがこの「A-Form」です。 詳細は以下から。 A-Form:MovableTypeにフォーム設置できるMTプラグイン|Web制作のアークウェブ http://www.ark-web.jp/movabletype/ 以下からダウンロードできます。 A-Formダウンロードフォーム:MovableTypeにフォーム設置できるMTプラグ
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。
このドメインは お名前.com から取得されました。 お名前.com は GMOインターネットグループ(株) が運営する国内シェアNo.1のドメイン登録サービスです。 ※表示価格は、全て税込です。 ※サービス品質維持のため、一時的に対象となる料金へ一定割合の「サービス維持調整費」を加算させていただきます。 ※1 「国内シェア」は、ICANN(インターネットのドメイン名などの資源を管理する非営利団体)の公表数値をもとに集計。gTLDが集計の対象。 日本のドメイン登録業者(レジストラ)(「ICANNがレジストラとして認定した企業」一覧(InterNIC提供)内に「Japan」の記載があるもの)を対象。 レジストラ「GMO Internet Group, Inc. d/b/a Onamae.com」のシェア値を集計。 2023年5月時点の調査。
[コラム]カスタマーエクスペリエンスで 道は開ける ~フォレスター・リサーチのWebサイト方法論 by ジョナサン・ブラウン フォレスター・リサーチのシニア・アナリストであるジョナサン・ブラウン氏によるウェブコラム。 主にカスタマーエクスペリエンスとマーケティングの側面から企業のビジネスをサポートしているジョナサン氏が、企業サイトにおけるユーザー志向の考え方や方法論をさまざまな切り口で解説します。 前回のコラムでは、ウェブサイトを使っているお客様がなぜ途中であきらめるのかというテーマで話しました。「ウェブサイトの欠陥」を大きくくくると、次の4つのどれかに当てはまります。 サイトのコンテンツ自体が足りない(価値の欠陥)価値のあるコンテンツが探しにくい(ナビゲーションが悪い)価値のあるコンテンツは見つかったがよくわからなかった(プレゼンテーションが悪い)サイトに信頼がなかったために使うのをやめ
リリース、障害情報などのサービスのお知らせ
最新の人気エントリーの配信
処理を実行中です
j次のブックマーク
k前のブックマーク
lあとで読む
eコメント一覧を開く
oページを開く