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

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

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

posted on: 2019年3月31日 Javascript

背景色の後に画像やテキストが表示されるエフェクトの作り方

スクロールしていくと、最初に色面が表れて、後からそのスペースに画像が表示されるエフェクトをよく見かけます。このエフェクトを私なりに作ってみましたので、ご紹介いたします。 まずは実際の動きをご覧ください。 いかがでしょうか続きを読む