【CSS】headerの下に背景画像を敷く方法
今回は「headerの下に背景画像を敷く方法」について紹介します。 【CSS】headerの下に背景画像を敷く方法 完成形はこちら。 headerの下に背景画像（ファーストビュー）が敷いてあることが分かるでしょう。 ※ …
CSSCSS2021年
CSS
WordPressWordPressでカテゴリの表示順番を変える方法【プラグイン】
今回は「プラグインを使ってWordPressでカテゴリの表示順番を変える方法」について紹介します。 簡単に出来るので、カテゴリの表示順番を変えたいと思っている人は是非参考にしてください！ WordPressでカテゴリの表…
JavaScript【JS】固定headerを一定間スクロールしたら背景色を変える方法
今回はJavaScript（jQuery）を使って、「固定headerを一定間スクロールしたら背景色を変える方法」を紹介します。 【JS】固定headerを一定間スクロールしたら背景色を変える方法 完成形はこちら。 Se…
CSS【CSS】メディアクエリの書き方について
今回は「メディアクエリの書き方」についてメモしておきます。 【CSS】メディアクエリの書き方について CSSでメディアクエリを書くときは、以下のように書きます。 @media (max-width: 600px) { /…
JavaScriptRellax.jsを使って簡単にパララックスする方法
今回は簡単にパララックスを実装することができる「Rellax.js」を使って、パララックスを作っていきたいと思います。 Rellax.jsとは？ Rellax.jsとは、jQueryに依存しなくて簡単にパララックスを実装…
WEB制作ツール何のライブラリやCMSを使っているかわかる「BuiltWith」について
「BuiltWith」を使うと、WEBサイトでどのようなCMSを使っているのか、どんなライブラリを使っているのか大雑把に知ることができます。 より詳しく知るには、実際にソースコードを解析するのが一番ですが、手っ取り早く調…
CSS「background-attachment: fixed;」で背景画像を固定する
こちらのWEBサイトのように、「background-attachment: fixed;」を使うことで、背景画像を固定にすることができます。 ※「background-attachment:fixed;」はiOSのブラ…
JavaScript【jQuery】背景画像をパララックスさせる方法
今回は、「jQueryを使って背景画像をパララックスさせる方法」について紹介します。 デザインの幅が広がるので、是非試してみてください。 パララックスとは？ パララックスは、英語で「視差」という意味になります。 視差とは…