Rellax.jsを使って簡単にパララックスする方法
今回は簡単にパララックスを実装することができる「Rellax.js」を使って、パララックスを作っていきたいと思います。 Rellax.jsとは？ Rellax.jsとは、jQueryに依存しなくて簡単にパララックスを実装…
JavaScriptJavaScript2021年2月
JavaScript
WEB制作ツール何のライブラリやCMSを使っているかわかる「BuiltWith」について
「BuiltWith」を使うと、WEBサイトでどのようなCMSを使っているのか、どんなライブラリを使っているのか大雑把に知ることができます。 より詳しく知るには、実際にソースコードを解析するのが一番ですが、手っ取り早く調…
CSS「background-attachment: fixed;」で背景画像を固定する
こちらのWEBサイトのように、「background-attachment: fixed;」を使うことで、背景画像を固定にすることができます。 ※「background-attachment:fixed;」はiOSのブラ…
JavaScript【jQuery】背景画像をパララックスさせる方法
今回は、「jQueryを使って背景画像をパララックスさせる方法」について紹介します。 デザインの幅が広がるので、是非試してみてください。 パララックスとは？ パララックスは、英語で「視差」という意味になります。 視差とは…
JavaScript【Swiper】背景画像を自動スライダーさせる方法
今回は、「Swiperを使って背景画像を自動スライダーさせる方法」について紹介します。 企業のコーポレートサイトでも、ファーストビューの画像がスライダーするWEBサイトを見たことがあるでしょう。 【Swiper】背景画像…
JavaScript【Swiper】サムネイル付き画像スライダーの作り方
今回は、Swiperを使ってサムネイル付き画像スライダーの作り方について紹介します。 コピペできるので、是非真似してみてください。 【Swiper】サムネイル付き画像スライダーの作り方 完成形はこちら。 Swiperを使…
Photoshop【Photoshop】複数レイヤーを1つの画像として書き出す方法
実案件でPhotoshopを使って複数レイヤーを1つの画像として書き出す機会があったので、忘れないようにメモにしておきます。 【Photoshop】複数レイヤーを1つの画像として書き出す方法 Photoshopで複数レイ…
Illustrator【Illustrator】複数レイヤーを1つの画像として書き出す方法
最近、仕事の案件でIllustratorを使って複数レイヤーを1つの画像として書き出す機会がありました。 忘れないうちにメモとして残しておこうと思います。 【Illustrator】複数レイヤーを1つの画像として書き出す…