JavaScript

「Parallax.js」の導入方法と基本的な使い方

「パララックス」という言葉を聞いたことがありますか? ブラウザのスクロールと要素のスクロール速度に差をつけるなどして、見ている人の関心を引き付けるテクニックを「パララックス」というみたいです。 具体例…

JavaScript

jQueryで作るアコーディオンメニュー

商用サイトのQ&Aなどによく使われるアコーディオンメニュー。 質問部分をクリックすると回答部分が表示されるので、ユーザーが必要とする情報だけ表示できるので画面もスッキリします。 アコーディオン…

JavaScript

Ajaxを使って初歩的な「問い合わせフォーム」を作成する

先日PHPを使った基本的な「問い合わせフォーム」作成の記事を書きました。 この記事で作成した「問い合わせフォーム」は全て「PHP」を使って 入力フォーム → 確認画面 → 送信完了画面 という流れで入…

JavaScript

簡単なローディング画面の作り方

情報量の多いページにアクセスした場合、画面の表示に時間がかかることがあります。 そんな時によく見かけるのが「ローディング画面」です。 画像等の読み込みに時間がかかっているときに、真っ白の画面を見せるの…

JavaScript

左から右にゆっくりと文字を表示させる

WEBサイトを見ているとメインビジュアルなどの部分で、サイト名やキャッチフレーズなどが左から右へ1文字ずつ時間差で表示されるのを見たことがありませんか? このように左から右へゆっくりと文字を表示したい…