posted on: 2020年9月28日 JavaScript

複数のサイト(URL)を同時に開くボタンの作り方

1つのボタンを押すと複数のサイトが開く方法のご紹介です。 この動作は通常のサイトで使うことはありませんし、そもそもブラウザのポップアップブロックなどのセキュリティーで制限されています。 しかし、個人的な検証用やチーム内で続きを読む

posted on: 2020年5月31日 JavaScript

スクロールアニメーションをプラグイン無しで簡単に作る方法

スクロールして画面内に現れたらアニメーションする、というエフェクトはよくありますし、そのためのプラグインやサンプルコードも沢山あります。 しかし、プラグインを入れたり多くのコードを書いてサイトを複雑にしたくない場合もあり続きを読む

posted on: 2020年1月26日 JavaScript

スクロールとナビゲーションを連動させて現在地点を表示するスクリプト

スクロールすると現在の位置に合わせてナビゲーションの表示を変化させるスクリプトの作り方を紹介します。 別の言い方をすると、 ページ内リンクでのナビゲーションがあり、スクロール位置がそのナビゲーションが示す地点までくると、続きを読む

posted on: 2019年5月9日 JavaScript

JSでフィルタリング機能を付ける方法

JavaScriptとjQueryを使って、サイト内でコンテンツをフィルタリングする方法をご紹介します。 主な使いどころは、たくさんあるニュースをジャンル分けし、選んだジャンルのニュースだけを表示させるなどの場合です。 続きを読む

posted on: 2019年5月4日 JavaScript

デバイスピクセル比で画像を出し分ける方法

デバイスピクセル比の情報を取得し、それによって画像の出し分けをしてみましょう。 これは画面サイズによる条件分岐とは違います。まずはデバイスピクセル比の意味を理解しましょう。 デバイスピクセル比とは スマホやタブレットのモ続きを読む