JavaScript

スイッチでコンテンツの背景色と文字色を変更する

こんにちは、ゆんつです。 皆さんWEBサイトの背景色は「白」が好きですか? それとも「黒」が好きですか? 背景色が白くて文字色が黒いほうが読みやすい人もいるでしょうし、それとは逆に背景色が黒くて文字色…

JavaScript

jQueryでサイト全体の文字サイズを変更する

こんにちは、ゆんつです。 WEBサイトを閲覧していて文字の大きさを変更する場合。 各ブラウザに搭載されている文字の拡大表示機能などを使うことで文字の大きさを変更することができます。 ただし、そのような…

JavaScript

「jquery.simpleTicker.js」でお手軽ティッカー

WEBサイトを見ているとたまにヘッダーの下あたりに、お知らせなどの情報が流れている光景を見かけることがあります。 このように特定の場所に文字列を流して表示させる方式を「ティッカー」と言います。 流れて…

JavaScript

「jquery.mb.YTPlayer」でYouTubeを背景にする

こんにちは、ゆんつです。 YouTubeの動画を背景として利用したい場合。 ・CSSで調整する方法 ・jQueryのプラグインを使う方法 などがあります。 前回はCSSを使ってYouTubeを背景に設…

JavaScript

jQueryでフェードイン

こんにちは、ゆんつです。 最近、いろんなWEBサイトを見ていると画面をスクロールさせていくとコンテンツがフワッとフェードインしてくるようなデザインをよく見かけます。 スクロールに応じてコンテンツが画面…

JavaScript

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

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

JavaScript

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

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

JavaScript

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

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

JavaScript

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

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

JavaScript

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

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