ユーザビリティ

HTML

cssとjQueryで値の変更・取得や、placeholderの改行などtextareaタグを使いこなす

cssとjQueryで値の変更・取得してカスタマイズや、placeholder内で改行するなどtextareaタグを使いこなすHTML5関連記事textareaタグとは?「textareaタグ」は、フォーム内で長文を入力するために使われるH...
jQuery

placeholderを見やすく!jQuery+css3でつくるフローティングラベル

入力すると消えてしまうinputタグのplaceholderを見やすくするjQuery+css3でつくるフローティングラベルjQuery関連記事サンプルを用意しました。htmlhtmllabelの中に入力中に表示したい項目名を入れます。pl...
jQuery

スマホ対応!ページ離脱はjQueryのアラートで防ぐ!

CV率アップ!ユーザーの離脱は、jQueryのアラート(ポップアップ)で防ぐ!PCだけならbeforeunloadでできますが、iOSなどのスマホのブラウザでは、popstateやhashchangeをトリガーにして発火しないので、スマホで...
jQuery

jQuery不要!フォームで郵便番号を入力すると自動で住所を反映してくれるajaxzip3.jsの使い方

jQueryは不要!フォームで郵便番号を入力すると自動で住所を反映してくれるajaxzip3.jsの使い方jQuery関連記事サンプルを用意しました。ajaxzip3.jsの準備ajaxzip3.jsを準備します。 ajaxzip3.jsは...
jQuery

フォームで名前の入力をカナにも自動入力してくれるjquery.autoKana.jsの使い方

フォームで名前の入力をしたら自動でフリガナ入力欄にも入力してくれるjquery.autoKana.jsの使い方です。ユーザーが入力する手間が省けるので、ユーザービリティの向上にもつながりますね。サンプルを用意しました。jQuery関連記事j...