名前とフリガナを入力する欄が設置されたお問い合わせフォームって結構多いですよね。名前を入力して、フリガナも入力してと、ユーザーにとっては名前を入力するだけで2倍の手間がかかってしまいます。 そんな使い辛いフォームを改善し…
フリガナを自動入力してくれるフォームを設置するためのjQueryプラグイン「autoKana.js」
埋め込み動画をレスポンシブ対応にしてくれるjQueryプラグイン「FitVids.js」
FitVids.jsは、簡単な記述を追加するだけで、YouTubeなどの埋め込み動画をレスポンシブに対応させてくれるjQueryプラグインです。 CSSを使ってレスポンシブにする方法は以前紹介しましたが、今回はjQuer…
jQueryを使ってフォントサイズ変更ボタンを実装する方法
WEBサイトにフォントサイズを変更するためのボタンを設置する方法を紹介したいと思います。よく見かける以下のようなやつですね。 非常に簡単に実装できるので、ボタンを設置したいとお考えの方は、ぜひ参考にしてください。 ステッ…
スマホやタブレットの操作にも対応したスライダースクリプト「Glide.js」
Glide.jsは、スマホやタブレットなどモバイルのスワイプ操作にも対応したスライダースクリプトです。デモはコチラ。 デモページでは、オートプレイがオフになっているので、矢印をクリックしたりキーボードの矢印キーで操作して…
レスポンシブにも対応した高性能なjQueryスライダー「bxSlider」
bxSliderは、レスポンシブにも対応した高性能なjQueryスライダーです。デモはコチラから確認できます。 bxSliderを使ってスライダーを設置する方法を紹介したいと思います。 ステップ1. bxSliderのダ…
初心者でも簡単にスライダーが設置できるjQueryプラグイン「FlexSlider」
FlexSliderを使って、WEBサイトにスライダーを設置する方法を紹介したいと思います。 FlexSliderは、WEBサイトにスライダーを設置するためのjQueryプラグインです。JavaScriptの知識がなくて…
ページ内の特定クラスに属する要素をJavaScriptで置き換える方法
「特定のクラスに属する要素の中身を置き換える方法はないか？」という質問をいただいたので、回答として記事を書きたいと思います。置き換える対象の要素はテキストで、これをリンクに変えたいということでした。 JavaScript…
JavaScriptの改行やスペースを削除して軽量化してくれるWEBサービス「JavaScript Minifier」
JavaScript Minifierは、JavaScript内の改行やスペースを削除して、ファイルを軽量化してくれるWEBサービスです。 改行やスペースを削除してファイルを軽量化することで、人が見る際はわかりにくくなり…
ほぼコピペでOK！スクロール追従型の広告をサイドバーに設置する方法
下にスクロールするとサイドバーの広告などがついてくる追従型のコンテンツをよく見かけるようになりましたね。やはり常に画面内にあるコンテンツの方がクリック率は高まります。 当ブログでもソーシャルボタンがついてくる Share…
郵便番号を入れたら住所を自動入力してくれるフォームを実装するjQueryプラグイン「jQuery.zip2addr」
WEBサイトにお問い合わせフォームなどのフォームを設置することは多いと思います。 例えば、住所を入力してもらいたいときに、郵便番号と住所のフォームを設置したとします。ユーザーとしては、郵便番号を入れて、住所を入れて、と結…