WEB制作– category –
-
全角・半角、ひらがな・カタカナ変換をする moji.jsの使い方
半角文字↔全角文字、ひらがな↔カタカナのように文字種を変換することができるJavaScriptライブラリ moji.js の使い方を解説します。 【moji.jsとは】 moji.jsは、ひらが... -
フォームでフリガナを自動入力 vanilla-autokanaの使い方
Webフォームで氏名や住所のフリガナ入力を求められたらどうしますか？私は画面に唾を吐きかけて思いつく限りの悪態をつくことにしています。面倒ですよね。あーあ、フリ... -
フォームで郵便番号から住所を自動入力する YubinBangoの使い方
HTMLフォームの住所入力はとても面倒です。郵便番号を入力したら住所を自動入力してくれるフォームがあったらなぁ。 というわけで、その名もYubinBangoというライブラリ... -
【最適化】お問い合わせフォームの最強デザイン【離脱防止】
お問い合わせフォームはお客様との大切な接点です。しかし、その設計にミスがあるとせっかくの顧客を逃してしまうかもしれません。 この記事では顧客の離脱を防ぐための... -
【JavaScript】チェックボックスの選択数を制限する方法
この記事では、HTMLフォームのチェックボックスの選択数に上限を設ける方法を解説します。なお、jQueryは使わずにバニラなJavaScriptで実装していきます。 【完成図】 ... -
【HTML/CSS】クリックしやすいラジオボタン、チェックボックス
ユーザビリティという言葉をご存知でしょうか。「使いやすさ」をあらわす言葉です。 WEBサイトのフォーム入力時に、ラジオボタンやチェックボックスが選択しづらいとい... -
【HTML】meta, input, brタグの最後のスラッシュは必要か
HTMLタグの最後についているスラッシュについて疑問を抱いたことはありませんか？<meta なんちゃら />とか<input ほにゃらら />とか<br />とか。スラ... -
【HTML】name, id, class属性の違いと使い分け
HTML学習初心者のつまずきポイント第1位がname, id, class属性の使い分けと言われています（どこで）。 というわけで、これらの属性の違いと使い方をわかりやすく解説し... -
【CSS】width:50%の2つの要素が横並びにならない原因と解決方法
あなたはwidth: 50%の２つのinline-block要素が横並びにならずに小一時間悩んだことがありますか？私はあります。そして、あなたもそうだから今ここにたどり着いたので... -
【CSS】モーダルダイアログのデザイン・アニメーションのアイデア集
やっほー。この記事ではモーダルダイアログのデザインを具体例を挙げて紹介します。 ダイアログのデザインはUX（ユーザエクスペリエンス）に配慮する必要があります。ユ...
